.no-radius {
    border-radius: 0
}

.interest-par {
    border: 1px solid #c7c7c7;
    min-height: 175px;
    padding: 0 13px 20px
}

.interest-tit {
    line-height: 34px;
    color: #a5a5a5
}

.interest-tit .interest-prompt {
    display: none;
    float: right;
    font-style: normal;
    color: #f84340;
    cursor: pointer;
    margin-right: 20px
}

.interest-tit .addTag {
    float: right;
    font-style: normal;
    color: #f84340;
    cursor: pointer
}

.interest-list {
    padding-top: 10px
}

.interest-list li {
    line-height: 24px;
    margin-right: 10px;
    float: left;
    margin-top: 10px;
    border: 1px solid #c7c7c7
}

.interest-list li a {
    padding: 0 10px;
    color: #868686;
    display: block
}

.interest-list .active {
    background: #3eb3c0;
    border: 1px solid #3eb3c0
}

.interest-list .active a {
    color: #fff
}

.full-degree-box {
    display: none;
    position: absolute;
    left: 50%;
    top: 30%;
    width: 478px;
    height: 318px;
    margin-left: -239px;
    background-color: #fff;
    border-radius: 5px;
    z-index: 99
}

.full-degree-box .close {
    position: absolute;
    right: 11px;
    top: 11px;
    width: 16px;
    height: 16px;
    background: url(../image/red-packet-close.png) no-repeat center
}

.full-degree-box .close:hover {
    background: url(../image/red-packet-closeh.png) no-repeat center
}

.full-degree-box p {
    font-size: 20px;
    line-height: 80px;
    height: 90px;
    color: #f84340;
    text-align: center
}

.full-degree-box .full-chat-ie8 {
    display: none;
    text-align: center;
    float: left;
    width: 240px;
    height: 200px;
    padding-left: 40px;
    margin-top: 8px;
    position: relative
}

.full-degree-box .full-chat-ie8 .speed-box {
    margin: 5px 10px 0 0;
    float: left;
    width: 150px;
    height: 10px;
    background: #d5d5d5
}

.full-degree-box .full-chat-ie8 .speed-box .speed-line {
    display: block;
    width: 80px;
    height: 10px;
    background: #3eb3c0
}

.full-degree-box .full-chat-ie8 .speed-num {
    float: left
}

.full-degree-box .full-chat {
    float: left;
    width: 240px;
    height: 200px;
    margin-top: 8px;
    position: relative
}

.full-degree-box .full-chat .mask-text {
    width: 156px;
    height: 156px;
    background: #fff;
    position: absolute;
    left: 42px;
    top: 2px;
    border-radius: 78px;
    z-index: 2
}

.full-degree-box .full-chat .mask {
    width: 160px;
    height: 160px;
    background: #d5d5d5;
    position: absolute;
    left: 40px;
    top: 0;
    border-radius: 80px
}

.full-degree-box .full-chat .mask1 {
    clip: rect(0, 160px, 160px, 80px)
}

.full-degree-box .full-chat .mask2 {
    clip: rect(0, 80px, 160px, 0)
}

.full-degree-box .full-chat .pie {
    width: 160px;
    height: 160px;
    background-color: #3eb3c0;
    border-radius: 80px;
    position: absolute
}

.full-degree-box .full-chat .pie1 {
    clip: rect(0, 160px, 160px, 80px);
    transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg)
}

.full-degree-box .full-chat .pie2 {
    clip: rect(0, 80px, 160px, 0);
    transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg)
}

.full-degree-box .full-chat .percentage {
    width: 160px;
    height: 160px;
    padding-top: 35px;
    position: absolute;
    text-align: center;
    left: 40px;
    top: 0;
    z-index: 3;
    color: #3eb3c0;
    font-size: 32px
}

.full-degree-box .full-chat .percentage em {
    color: #868686;
    text-align: center;
    display: block;
    font-style: normal;
    font-size: 14px;
    line-height: 34px;
    overflow: hidden
}

.full-degree-box .red-packet-info {
    float: right;
    width: 237px;
    height: 214px;
    padding-right: 40px
}

.full-degree-box .red-packet-info .red-packet-item {
    margin-bottom: 20px
}

.full-degree-box .red-packet-info .red-packet-img {
    float: left;
    width: 39px;
    height: 46px
}

.full-degree-box .red-packet-info .red-packet-img img {
    width: 100%;
    height: 100%
}

.full-degree-box .red-packet-info .red-packet-cont {
    float: right;
    padding-top: 8px
}

.full-degree-box .red-packet-info .red-packet-cont .tit-red-packet {
    font-size: 14px;
    line-height: 18px;
    color: #333
}

.full-degree-box .red-packet-info .red-packet-cont em {
    display: block;
    font-style: normal;
    line-height: 16px;
    font-size: 12px;
    color: #868686
}

.redMark {
    color: #f84340;
    margin-right: 5px
}

.where-city input, .where-city select {
    float: left;
    width: 25%;
    margin-right: 20px
}

.maimaiLog {
    color: #0086e5
}

.maimaiLog img {
    width: 23px;
    margin-right: 5px
}

.infobox {
    display: block
}

.shadebox {
    display: block
}

.border-box .myself-info-table td {
    line-height: 2.5
}

.text-muted {
    line-height: 1.5
}

.btn-primary-new {
    margin-top: 24px;
    width: 104px
}

.btn-primary-new:hover {
    background-color: #ff6766
}

.backhidden {
    backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    -webkit-backface-visibility: hidden
}

@font-face {
    font-family: fontello;
    src: url(../font/fontello.eot);
    src: url(../font/fontello.eot#iefix) format('embedded-opentype'), url(../font/fontello.woff2) format('woff2'), url(../font/fontello.woff) format('woff'), url(../font/fontello.ttf) format('truetype'), url(http://www.onehome.me/css/fonts/detailicons/fontello.svg?170912#fontello) format('svg');
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: fontelloheader;
    src: url(../font/fontello.eot);
    src: url(../font/fontello.eot) format('embedded-opentype'), url(../font/fontello.woff2) format('woff2'), url(../font/fontello.woff) format('woff'), url(../font/fontello.ttf) format('truetype'), url(http://www.onehome.me/css/fonts/detailicons/fontello.svg?160926) format('svg');
    font-weight: 400;
    font-style: normal
}

.details-icon {
    font-family: fontello;
    font-size: 22px;
    font-weight: 400;
    display: inline-block;
    vertical-align: middle;
}

[class*=" icon-"]:before, [class^=icon-]:before {
    font-family: fontello;
    font-style: normal;
    font-weight: 400;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    margin-right: .2em;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    margin-left: .2em;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.icon-uniE67B:before {
    content: '\e800'
}

.icon-uniE67E:before {
    content: '\e801'
}

.icon-uniE65E:before {
    content: '\e802'
}

.icon-uniE65F:before {
    content: '\e860'
}

.icon-uniE669:before {
    content: '\e804'
}

.icon-uniE657:before {
    content: '\e805'
}

.icon-uniE604:before {
    content: '\e806'
}

.icon-uniE66E:before {
    content: '\e807'
}

.icon-uniE66F:before {
    content: '\e808'
}

.icon-uniE674:before {
    content: '\e809'
}

.icon-uniE660:before {
    content: '\e861'
}

.icon-uniE66A:before {
    content: '\e80b'
}

.icon-uniE661:before {
    content: '\e80c'
}

.icon-uniE659:before {
    content: '\e80d'
}

.icon-uniE66B:before {
    content: '\e80e'
}

.icon-uniE670:before {
    content: '\e80f'
}

.icon-uniE671:before {
    content: '\e810'
}

.icon-uniE66C:before {
    content: '\e862'
}

.icon-uniE65A:before {
    content: '\e812'
}

.icon-uniE672:before {
    content: '\e863'
}

.icon-uniE66D:before {
    content: '\e814'
}

.icon-uniE663:before {
    content: '\e815'
}

.icon-uniE664:before {
    content: '\e816'
}

.icon-uniE665:before {
    content: '\e817'
}

.icon-uniE675:before {
    content: '\e818'
}

.icon-uniE65B:before {
    content: '\e819'
}

.icon-uniE676:before {
    content: '\e81a'
}

.icon-uniE677:before {
    content: '\e81b'
}

.icon-uniE682:before {
    content: '\e81c'
}

.icon-uniE678:before {
    content: '\e81d'
}

.icon-uniE65C:before {
    content: '\e81e'
}

.icon-uniE667:before {
    content: '\e81f'
}

.icon-uniE679:before {
    content: '\e820'
}

.icon-uniE65D:before {
    content: '\e821'
}

.icon-uniE67A:before {
    content: '\e822'
}

.icon-uniE67C:before {
    content: '\e823'
}

.icon-uniE67D:before {
    content: '\e824'
}

.icon-uniE683:before {
    content: '\e864'
}

.icon-uniE688:before {
    content: '\e826'
}

.icon-uniE853:before {
    content: '\e853'
}

.icon-uniE85d:before {
    content: '\e85f'
}

.icon-uniE859:before {
    content: '\e859'
}

.icon-uniE85e:before {
    content: '\e85e'
}

.icon-uniE85c:before {
    content: '\e85c'
}

.icon-uniE856:before {
    content: '\e856'
}

.icon-uniE857:before {
    content: '\e857'
}

.icon-uniE85a:before {
    content: '\e85a'
}

.icon-uniE858:before {
    content: '\e858'
}

.icon-uniE855:before {
    content: '\e855'
}

.icon-uniE854:before {
    content: '\e854'
}

.icon-uniE85b:before {
    content: '\e85b'
}

.img-next .effect:before, .img-prev .effect:before {
    font-family: fontelloheader;
    font-style: normal;
    font-weight: 600
}

.Zhima-Credit-icon:before, .feed-back-icon:before {
    font-family: fontelloheader
}

.svg-father-class:before {
    font-family: fontelloheader;
    font-style: normal;
    font-weight: 400;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    margin-right: 0;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    margin-left: 0;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.svg-father-class {
    color: grey;
    text-align: center
}

.Zhima-identity-card {
    font-size: 23px;
    margin-right: 9px;
    color: #3eb3c0;
    float: left
}

.Zhima-identity-card:before {
    content: '\e840'
}

.Zhima-dentity-words {
    font-size: 12px;
    color: #333;
    float: left;
    line-height: 23px;
    margin-left: -1px
}

.identity-card-icon {
    font-size: 26px;
    color: #3eb3c0;
    line-height: 26px;
    float: left
}

.identity-card-icon:before {
    content: '\e84c'
}

.biger-display {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10001;
    min-width: 768px;
    display: none
}

.biger-shadow {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(0, 0, 0, .86);
    filter: alpha(opacity=89);
    opacity: .89;
    z-index: 10000;
    display: none
}

.big-table {
    display: table;
    table-layout: fixed;
    height: 100%;
    width: 100%
}

.big-cell {
    padding: 0;
    display: table-cell;
    width: 100%;
    height: 100%;
    vertical-align: middle
}

.big-content {
    background-color: transparent;
    height: 100%;
    max-width: 100%;
    position: relative
}

.img-fonts {
    color: #fff;
    font-family: fontelloheader;
    text-align: center
}

.big-img-close {
    font-size: 30px;
    width: 57px;
    height: 57px;
    line-height: 57px;
    position: absolute;
    right: 28px;
    top: 38px;
    cursor: pointer;
    z-index: 2000
}

.big-img-close:before {
    content: '\e84b'
}

.big-img-box {
    position: relative;
    width: 100%;
    height: 100%
}

.big-img-top {
    width: 100%;
    position: absolute;
    top: 100px;
    bottom: 236px
}

.biger-prev {
    position: absolute;
    left: 100px
}

.biger-next {
    position: absolute;
    top: 0;
    right: 100px
}

.biger-next, .biger-prev {
    width: 91px;
    height: 91px;
    line-height: 91px;
    top: 50%;
    margin-top: -45px;
    font-size: 89px;
    font-weight: 400;
    cursor: pointer;
    z-index: 2
}

.biger-prev:before, .img-prev .effect:before {
    content: '\e845'
}

.biger-next:before, .img-next .effect:before {
    content: '\e846'
}

.biger-imgcontainer {
    width: 100%;
    max-width: 105vh;
    margin: 0 auto
}

.biger-imgbox {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.biger-imgbox img {
    height: 100%;
    max-width: 100%;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: 0 auto
}

.biger-smallimgbox {
    position: relative
}

.indexbox {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 40px;
    text-align: center;
    font-size: 14px;
    color: #fff;
    letter-spacing: 0;
    line-height: 41px;
    z-index: 2;
    background: url(../image/shadowbg.png) center
}

.biger-bottombox {
    width: 100%;
    height: 236px;
    position: absolute;
    bottom: 0;
    left: 0
}

.biger-smallimgbox {
    margin: 0 auto;
    height: 236px;
    padding-top: 15px;
    box-sizing: border-box;
    overflow: hidden
}

.biger-smallimgbox {
    width: 970px
}

.smallimglist {
    width: 920px
}

.smallimglist img {
    cursor: pointer
}

.small-next, .small-prev {
    width: 29px;
    height: 29px;
    line-height: 29px;
    top: 60px;
    margin-top: -15px;
    font-size: 28px;
    cursor: pointer;
    z-index: 2;
    position: absolute
}

.small-prev {
    left: 0
}

.small-next {
    right: 0
}

.small-prev:before {
    content: '\e843'
}

.small-next:before {
    content: '\e844'
}

.smallimglist {
    position: relative;
    height: 100%;
    margin: 0 auto;
    overflow: hidden
}

.biger-smallimgbox .smalllistul {
    position: absolute;
    left: 0;
    height: 90px
}

.biger-smallimgbox .smalllistul img {
    float: left;
    margin-right: 8px;
    width: 146px;
    height: 90px
}

.biger-smallimgbox .smalllistul img:last-child {
    margin-right: 0
}

.img-list-group {
    width: 100000%;
    position: relative
}

.biger-smallimgbox .smalllistul img.action {
    border: 2px solid #F66
}

.descriptionbox {
    width: 100%;
    position: absolute;
    top: 110px;
    color: #fff;
    font-size: 16px
}

.descriptionbox .description {
    display: none
}

@media (min-width: 1200px) {
    .biger-smallimgbox {
        width: 1134px
    }

    .smallimglist {
        width: 1070px
    }
}

@font-face {
    font-family: homepage2;
    src: url(../font/fontello1.eot);
    src: url(../font/fontello1.eot) format('embedded-opentype'), url(../font/fontello1.woff2) format('woff2'), url(../font/fontello1.woff) format('woff'), url(../font/fontello1.ttf) format('truetype'), url(http://www.onehome.me/css/fonts/homepage/fontello.svg?20170715#fontello) format('svg');
    font-weight: 400;
    font-style: normal
}

.attentionIcon.already:before, .attentionIcon:before, .backArea .backBtn:before, .contact-icon:before, .header-count .glyphicon-triangle-bottom1:before, .header-count .glyphicon-triangle-top1:before, .iconselect:before, .im_news .im_L.im_S:before, .im_news .im_L:before, .nav_R .glyphicon-triangle-bottom1:before, .nav_R .glyphicon-triangle-top1:before, .searchimg:before, .shareIcon:before, .sharebtns .qq:before, .sharebtns .weibo:before, .sharebtns .weixin:before, [class^=choose-row-img]:before {
    font-family: homepage2;
    font-style: normal;
    font-weight: 400;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.choose-row-3:before {
    content: '\e803'
}

.choose-row-1:before {
    content: '\e810'
}

.choose-row-4:before {
    content: '\e80e'
}

.choose-row-2:before {
    content: '\e80f'
}

.searchimg:before {
    content: '\e806'
}

.attentionIcon:before {
    content: '\e808'
}

.attentionIcon.already:before {
    content: '\e807'
}

.shareIcon:before {
    content: '\e809'
}

.contact-icon:before {
    content: '\e805'
}

.sharebtns .weibo:before {
    content: '\e804';
    line-height: 22px
}

.sharebtns .weixin:before {
    content: '\e800';
    line-height: 22px
}

.sharebtns .qq:before {
    content: '\e802';
    line-height: 22px
}

.backArea .backBtn:before {
    content: '\e80d'
}

.im_news .im_L:before {
    content: '\e80a'
}

.im_news .im_L.im_S:before {
    content: '\e81f'
}

.iconselect:before {
    content: '\e81c'
}

.header-count .glyphicon-triangle-bottom1:before, .nav_R .glyphicon-triangle-bottom1:before {
    content: '\e81a'
}

.header-count .glyphicon-triangle-top1:before, .nav_R .glyphicon-triangle-top1:before {
    content: '\e80c'
}

.im_news .im_L:hover {
    color: #ff5a5f
}

.im_news .im_S:hover {
    color: #FF9500
}

.header-left .header-count .glyphicon-triangle-bottom1, .header-left .header-count .glyphicon-triangle-top1, .nav_R .glyphicon-triangle-bottom1, .nav_R .glyphicon-triangle-top1 {
    background: 0 0;
    color: #999;
    font-size: 14px
}

.borderdc {
    border-bottom: 1px solid #dcdcdc !important
}

.bgf {
    border-bottom: 1px solid #dcdcdc
}

.main {
    border-bottom: 1px solid #dcdcdc
}

.main ~ .bgf {
    border-bottom: 0
}

.bgf ~ .main {
    border-bottom: 0
}

img {
    border: 0;
    padding: 0;
    margin: 0;
    vertical-align: middle
}

.marginT35 {
    margin-top: 35px
}

.textLeft {
    text-align: left
}

.textRight {
    text-align: right
}

.padding0 {
    padding: 0
}

body {
    font-family: "微软雅黑", PingFangSC-Regular, "Helvetica Neue", Helvetica, Arial, sans-serif;
    margin: 0;
    padding: 0;
    border: 0
}

body {
    min-width: 988px;
    overflow-x: auto;
    font-size: 14px
}

.clearfx {
    clear: both
}

.border {
    border: 1px solid red
}

.positionAb {
    position: absolute
}

.positionRe {
    position: relative
}

.cursorPt {
    cursor: pointer
}

.marginT73 {
    margin-top: 73px
}

.btn.btn-primary:focus {
    outline: 0
}

.btn.btn-primary {
    background-color: #ff5a5f;
    outline: 0
}

.btn.btn-primary:hover {
    opacity: .88;
    filter: alpha(opacity=88)
}

.btn.btn-primary:active {
    background-color: #f04146
}

.btn.btn-default:hover {
    background-color: #f5f5f5;
    opacity: .8;
    filter: alpha(opacity=80)
}

.btn.btn-default:active {
    background-color: #f5f5f5;
    opacity: 1;
    filter: alpha(opacity=100);
    color: #333
}

.radius50 {
    border-radius: 50%
}

.h1 {
    font-size: 19px;
    color: #333;
    margin-top: 0;
    margin-bottom: 0
}

.btn {
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px
}

.btn-primary {
    color: #fff;
    background-color: #337ab7;
    border-color: #2e6da4
}

.btn-default {
    background-color: #fff;
    border-color: #ccc;
    color: #333
}

.btn-red {
    border-color: #ff6766;
    border-bottom-color: #ff6766;
    background-color: #ff6766;
    color: #fff;
    outline: 0
}

.btn-red:hover, .btn-red:visited {
    color: #fff
}

.nav-details li {
    line-height: 26px;
    padding-left: 5px;
    border-left: 4px solid #fff;
    font-size: 14px
}

.nav-details li a {
    color: #666;
    text-decoration: none
}

.nav-details li.stair {
    font-size: 16px;
    font-weight: 700;
    color: #333;
    margin-top: 29px;
    margin-bottom: 9px
}

.nav-details li.stair:first-child {
    margin-top: 0
}

.nav-details li a:hover, .nav-details li.action a, .nav-details li.action a:hover, .nav-details li.action a:visited {
    color: #F84340
}

.nav-details li .new{
    display: none;
    padding: 3px 8px 1px;
    margin-left: -5px;
    margin-top: -3px;

    background: #FF6766;
    border-radius: 12px;
    font-size: 12px;
    color: #FFFFFF;
    line-height: 16px;
    vertical-align: middle;

    -webkit-transform: scale(0.66);
    -moz-transform: scale(0.66);
    -ms-transform: scale(0.66);
    -o-transform: scale(0.66);
    transform: scale(0.66);
}

textarea.form-control {
    height: auto
}

.userInfo .h1 {
    font-size: 19px;
    color: #333;
    margin-top: 0;
    margin-bottom: 0
}

.userInfo .topNav {
    height: 35px;
    line-height: 35px;
    margin: 20px auto 23px
}

.userInfo .topNav .menu {
    float: left;
    min-width: 65px;
    font-size: 16px;
    line-height: 35px;
    text-align: center;
    cursor: pointer
}

.userInfo .topNav .menu.active {
    border-bottom: 4px solid #ff6766;
    color: #F84340;
}

.userInfo .topNav .menu:hover {
    color: #F84340
}

.userInfo .topNav .heng {
    float: left;
    padding: 0 12px
}

.userInfo .topNav .heng img {
    width: 11px;
    height: 35px
}

.userInfo .frame-table {
    border: 1px solid #E8E8E8;
    padding: 0;
    background-color: #fff;
    width: 100%
}

.userInfo .frame-table tr th {
    padding: 10px 5px;
    font-size: 14px;
    font-weight: 400;
    text-align: center;
    background-color: #F7F7F7;
    color: #666;
    border-bottom: 1px solid #E8E8E8
}

.userInfo .frame-table tr td {
    padding: 20px 20px
}

.userInfo .frame-table tr td .header {
    position: absolute;
    left: 22px;
    width: 42px;
    height: 42px;
    border-radius: 50%
}

.userInfo .frame-table tr td p {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    display: block;
    color: #333
}

.userInfo .frame-table tr td p.syl2 {
    color: #666
}

.userInfo .frame-table tr td.positionRe p {
    margin-left: 50px
}

.userInfo .frame-table tr td .reflect-action {
    margin-top: 5px;
    cursor: pointer
}

.userInfo .frame-table tr td .reflect-action-2 {
    margin-top: 6px;
    color: #999
}

.userInfo .frame-table tr td .btn-red {
    padding: 3px 12px;
    margin-top: -7px
}

.userInfo .frame-table tr td a, .userInfo .frame-table tr td a:hover {
    color: #477B9E
}

.userInfo .frame-table tr td a.btn-red, .userInfo .frame-table tr td a:hover.btn-red {
    color: #fff;
    background-color: #ff6766;
    margin-top: 6px
}

.userInfo .frame-table tr td.textLeft {
    text-align: left
}

.userInfo .frame-table tbody {
    display: none
}

.userInfo .frame-table tbody + tbody {
    border-top: 0 solid #ddd
}

.alert-modal {
    display: none;
    position: fixed;
    top: 25%;
    left: -200px;
    width: 400px;
    min-height: 220px;
    height: auto;
    margin-top: 0;
    margin-left: 50%;
    padding: 0;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    background-color: #fff;
    z-index: 1011;
    overflow: hidden;
    webkit-box-shadow: 1px 1px 5px 2px rgba(0, 0, 0, .2);
    -moz-box-shadow: 1px 1px 5px 2px rgba(0, 0, 0, .2);
    box-shadow: 1px 1px 5px 2px rgba(0, 0, 0, .2)
}

.alert-modal .panel-header {
    padding: 8px 20px;
    border-top: 0;
    background-color: #edefed;
    color: #565a5c;
    font-size: 16px;
    padding-top: 12px;
    padding-bottom: 12px;
    border-bottom: 1px solid #dce0e0
}

.alert-modal .close {
    background-position: -48px -556px;
    width: 16px;
    height: 16px;
    display: inline-block;
    position: absolute;
    right: 16px;
    top: 12px;
    cursor: pointer;
    background: url(../image/icon_index.png) no-repeat -48px -556px
}

.alert-modal .show-content {
    padding: 10px 20px;
    text-align: center
}

.alert-modal .show-content .show-con-1 {
    font-size: 18px;
    text-align: center;
    margin: 20px auto
}

.alert-modal .show-content .btn {
    width: 100px
}

.reservations td .con1 {
    width: 190px
}

.reservations td .con2 {
    width: 140px
}

@media (max-width: 1200px) {
    .reservations td .con1 {
        width: 157px
    }

    .reservations td .con2 {
        width: 116px
    }
}

@media (max-width: 992px) {
    .reservations td .con1 {
        width: 118px
    }

    .reservations td .con2 {
        width: 87px
    }
}

.onehome-page.pagination > li > a, .onehome-page.pagination > li > span {
    color: #F84340
}

.onehome-page.pagination > .active > a, .onehome-page.pagination > .active > a:focus, .onehome-page.pagination > .active > a:hover, .onehome-page.pagination > .active > span, .onehome-page.pagination > .active > span:focus, .onehome-page.pagination > .active > span:hover {
    background-color: #F84340;
    border-color: #F84340;
    color: #fff
}

.locking-gray {
    color: #A0A0A0
}

.order-progress-bar {
    height: 146px;
    border-bottom: 1px solid #EDEFEF;
    text-align: center;
    overflow: hidden
}

.order-progress-bar .order-progress-img {
    max-width: 682px;
    width: 90%;
    height: 30px;
    margin: 40px auto 0;
    background-image: url(../image/order.png);
    background-repeat: no-repeat
}

.order-progress-bar .order-progress-descript-box {
    max-width: 825px;
    margin: 10px auto
}

.order-progress-bar .order-progress-descript-box li {
    float: left;
    width: 20%;
}

.order-progress-bar .order-progress-descript-box .true {
    color: #333
}

.order-progress-bar .order-progress-descript-box .false {
    color: #A0A0A0
}

.order-progress-bar .order-progress-descript-box .order-progress-descript .time {
    font-weight: 400;
    color: #A0A0A0
}

.order-infor-show {
    padding: 20px 70px
}

.order-infor-show .book-infor {
    padding-bottom: 20px;
    border-bottom: 1px solid #EDEFEF
}

.order-infor-show .book-infor .house-title {
    font-size: 18px;
    font-weight: 700
}

.order-infor-show .book-infor .house-img {
    height: 80px
}

.order-infor-show .book-infor .owner_head {
    overflow: hidden;
    margin: 0 0 10px 0;
    width: 60px;
    height: 60px
}

.order-infor-show .book-infor .owner_head img {
    width: 60px;
    height: 60px
}

.order-infor-show .book-infor .center-left-border {
    border-left: 1px solid #EDEFEF
}

.order-infor-show .book-infor .contact-owner {
    width: 110px;
    color: #477b9e;
    cursor: pointer;
    position: relative
}
F
.order-infor-show .book-infor .contact-owner .contact .icon {
    width: 25px;
    height: 25px;
    background: url(../image/order-infor.png) no-repeat -41px -10px;
    width: 18px;
    height: 17px;
    display: inline-block;
    position: absolute;
    top: 5px;
    right: 60px
}

.order-infor-show .book-infor .contact-owner .order .icon {
    width: 25px;
    height: 25px;
    background: url(../image/order-infor.png) no-repeat -8px -10px;
    width: 18px;
    height: 17px;
    display: inline-block;
    position: absolute;
    top: 5px;
    right: 60px
}

.order-infor-show .price-infor {
    padding-bottom: 20px;
    border-bottom: 1px solid #EDEFEF
}

.order-infor-show .price-infor .center-left-border {
    border-left: 1px solid #EDEFEF
}

.order-infor-show .price-infor .money {
    color: #FF5A5F
}

.order-infor-show .price-infor .total-price {
    font-weight: 700;
    font-size: 16px;
    line-height: 148px
}

.order-infor-show .totalModiClass .incomeD {
    text-decoration: none
}

.order-infor-show .totalModiClass .oldprice.incomeD {
    text-decoration: line-through
}

.order-infor-show .sleep-infor {
    padding-bottom: 20px;
    border-bottom: 1px solid #EDEFEF
}

.order-infor-show .sleep-infor .sleep-neight {
    font-weight: 700;
    line-height: 50px;
    font-size: 16px
}

.lianxiwomen {
    display: block;
    margin-top: 0;
    height: 25px
}

.book_house_infor .owner_infor {
    padding: 0;
    height: 90px
}

.book_house_infor .owner_infor .owner_head {
    width: 75px;
    height: 75px;
    overflow: hidden;
    margin-top: 8px
}

.book_house_infor .owner_infor .owner_head img {
    width: 100%;
    height: 100%
}

.book_house_infor .owner_infor .col-md-7 {
    line-height: 90px
}

.alert-modal {
    display: none;
    position: fixed;
    top: 25%;
    left: -200px;
    width: 400px;
    height: 185px;
    margin-top: 0;
    margin-left: 50%;
    padding: 0;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    background-color: #fff;
    z-index: 1011;
    overflow: hidden;
    webkit-box-shadow: 1px 1px 5px 2px rgba(0, 0, 0, .2);
    -moz-box-shadow: 1px 1px 5px 2px rgba(0, 0, 0, .2);
    box-shadow: 1px 1px 5px 2px rgba(0, 0, 0, .2)
}

.alert-modal .panel-header {
    padding: 8px 20px;
    border-top: 0;
    background-color: #edefed;
    color: #565a5c;
    font-size: 16px;
    padding-top: 12px;
    padding-bottom: 12px;
    border-bottom: 1px solid #dce0e0
}

.alert-modal .close {
    background-position: -48px -556px;
    width: 16px;
    height: 16px;
    display: inline-block;
    position: absolute;
    right: 16px;
    top: 12px;
    cursor: pointer;
    background: url(../image/icon_index.png) no-repeat -48px -556px
}

.alert-modal .close:hover {
    background: url(../image/icon_index.png) no-repeat -48px -587px
}

.alert-modal .show-content {
    padding: 10px 20px;
    text-align: center
}

.alert-modal .show-content .show-con-1 {
    font-size: 18px;
    text-align: center;
    margin: 20px auto
}

.alert-modal .show-content .btn {
    width: 100px
}

.alert-modal .show-content .show-con-2 {
    font-size: 14px;
    text-align: left
}

.alert-modal .show-content .show-con-3 {
    font-size: 16px;
    color: #222;
    text-align: left;
    margin-bottom: 20px
}

.infobox {
    width: 426px;
    height: 285px;
    background-color: #fff;
    display: none;
    position: fixed;
    left: 50%;
    top: 30%;
    margin-left: -213px;
    z-index: 10000
}

.inputbox {
    padding: 8px 50px
}

.inputbox h3 {
    text-align: center
}

.inputbox div {
    /*width: 120px;*/
    margin: 0 auto;
    text-align: center;
    margin-bottom: 20px;
    margin-top: 45px
}

.inputbox .form-control {
    width: 120px;
    margin: 0 auto
}

.infobox hr {
    margin-top: 60px;
    margin-bottom: 0
}

.infobox .error {
    position: absolute;
    color: #f84340;
    line-height: 30px;
    width: 100%;
    height: 30px;
    text-align: center;
    font-size: 12px;
    font-style: normal;
    bottom: 78px;
    left: 0
}

.btngroup {
    height: 40px;
    margin: 0 auto
}

.btngroup .rleft {
    width: 213px;
    height: 40px;
    text-align: center;
    border-right: 1px solid #eee;
    float: left;
    line-height: 40px
}

.btngroup .closebox {
    color: #333
}

.btngroup .rright {
    width: 213px;
    height: 40px;
    text-align: center;
    float: left;
    line-height: 40px
}

.btngroup .rright a {
    color: red;
    display: block
}

.btngroup .rleft a {
    display: block
}

.clearfx {
    clear: both
}

.shadebox {
    width: 100%;
    background-color: rgba(0,0,0,0.4);
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 9999;
    overflow-y: auto;
}

.inputbox .warininfo {
    display: none;
    color: red;
    text-align: center;
    margin-top: 10px
}

.order-infor-show .price-infor .money .oldprice {
    color: #A0A0A0
}

.money s.oldprice {
    margin-right: 5px
}

.btn.affirmDo, .btn.auditOrder {
    margin-left: 5px
}

.redLabel {
    color: red
}

.p-padding8 {
    padding: 8px 0;
    display: none
}

.useDaysbox {
    font-size: 16px;
    font-weight: 700
}

.orderInfoButtom .affirm-do, .orderInfoButtom .audit-order {
    padding: 6px 26px
}

.unsubscribe {
    margin-top: 45px;
    display: block;
    background: #efefef;
    padding: 12px 12px 45px
}

.unsubscribe em {
    color: #7a7a7a;
    font-style: normal;
    line-height: 28px;
    display: block
}

.unsubscribe p {
    line-height: 18px;
    color: #3f3f3f;
    margin: 0
}

.abroad-pricebox {
    height: inherit;
    min-height: 285px
}

.price-tips {
    display: block;
    font-size: 14px;
    color: #828488;
    line-height: 25px;
    text-align: center
}

.inputbox .price-show {
    margin-bottom: 0;
    text-align: left;
    width: 327px;
    border: 1px solid #d5d5d5;
    padding: 0 8px 10px;
}

.inputbox .price-show strong {
    display: block;
    font-weight: 400
}

.inputbox .abroad-error {
    position: inherit;
    display: block;
    display: none
}

.inputbox .abroad-section {
    text-align: left;
    margin: 10px auto 0;
    width: 343px
}

.price-show-li, .price-show-tit {
    text-align: left;
    height: 28px;
    line-height: 28px;
    font-size: 14px
}

.price-show-li p, .price-show-tit p {
    float: left;
    margin: 0
}

.price-show-li span, .price-show-tit span {
    float: right;
    text-align: right
}

.price-show-li span i, .price-show-tit span i {
    font-style: normal
}

.price-show-tit {
    border-bottom: 1px solid #d5d5d5;
    height: 44px;
    line-height: 44px;
    margin-bottom: 8px
}

.price-show-tit span {
    float: right;
    text-align: right;
    font-size: 18px;
    color: #f84340
}

.paddingL0 {
    padding-left: 0 !important
}

.paddingR0 {
    padding-right: 0 !important
}

.paddingT10 {
    padding-top: 10px
}

.paddingT30 {
    padding-top: 32px !important
}

.paddingL10 {
    padding-left: 10px !important
}

.paddingL25 {
    padding-left: 25px
}

.paddingL30 {
    padding-left: 30px
}

.paddingL40 {
    padding-left: 40px
}

.paddingL50 {
    padding-left: 50px !important
}

.paddingL70 {
    padding-left: 70px !important
}

.paddingR15 {
    padding-right: 15px
}

.paddingB20 {
    padding-bottom: 20px !important
}

.paddingB30 {
    padding-bottom: 30px !important
}

.marginT5 {
    margin-top: 5px
}

.marginT10 {
    margin-top: 10px
}

.marginT15 {
    margin-top: 15px
}

.marginT20 {
    margin-top: 20px
}

.marginT30 {
    margin-top: 30px
}

.marginT40 {
    margin-top: 40px
}

.marginT20 {
    margin-top: 20px
}

.clearfx {
    clear: both
}

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.container {
    margin-right: auto;
    margin-left: auto;
    position: relative
}

@media (min-width: 992px) {
    .container {
        width: 970px
    }
}

.col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9 {
    float: left;
    position: relative
}

.col-md-12 {
    width: 100%
}

.col-md-11 {
    width: 91.66666667%
}

.col-md-10 {
    width: 83.33333333%
}

.col-md-9 {
    width: 75%
}

.col-md-8 {
    width: 66.66666667%
}

.col-md-7 {
    width: 58.33333333%
}

.col-md-6 {
    width: 50%
}

.col-md-5 {
    width: 41.66666667%
}

.col-md-4 {
    width: 33.33333333%
}

.col-md-3 {
    width: 25%
}

.col-md-2 {
    width: 16.66666667%
}

.col-md-1 {
    width: 8.33333333%
}

.col-md-pull-12 {
    right: 100%
}

.col-md-pull-11 {
    right: 91.66666667%
}

.col-md-pull-10 {
    right: 83.33333333%
}

.col-md-pull-9 {
    right: 75%
}

.col-md-pull-8 {
    right: 66.66666667%
}

.col-md-pull-7 {
    right: 58.33333333%
}

.col-md-pull-6 {
    right: 50%
}

.col-md-pull-5 {
    right: 41.66666667%
}

.col-md-pull-4 {
    right: 33.33333333%
}

.col-md-pull-3 {
    right: 25%
}

.col-md-pull-2 {
    right: 16.66666667%
}

.col-md-pull-1 {
    right: 8.33333333%
}

.col-md-pull-0 {
    right: auto
}

.col-md-push-12 {
    left: 100%
}

.col-md-push-11 {
    left: 91.66666667%
}

.col-md-push-10 {
    left: 83.33333333%
}

.col-md-push-9 {
    left: 75%
}

.col-md-push-8 {
    left: 66.66666667%
}

.col-md-push-7 {
    left: 58.33333333%
}

.col-md-push-6 {
    left: 50%
}

.col-md-push-5 {
    left: 41.66666667%
}

.col-md-push-4 {
    left: 33.33333333%
}

.col-md-push-3 {
    left: 25%
}

.col-md-push-2 {
    left: 16.66666667%
}

.col-md-push-1 {
    left: 8.33333333%
}

.col-md-push-0 {
    left: auto
}

.col-md-offset-12 {
    margin-left: 100%
}

.col-md-offset-11 {
    margin-left: 91.66666667%
}

.col-md-offset-10 {
    margin-left: 83.33333333%
}

.col-md-offset-9 {
    margin-left: 75%
}

.col-md-offset-8 {
    margin-left: 66.66666667%
}

.col-md-offset-7 {
    margin-left: 58.33333333%
}

.col-md-offset-6 {
    margin-left: 50%
}

.col-md-offset-5 {
    margin-left: 41.66666667%
}

.col-md-offset-4 {
    margin-left: 33.33333333%
}

.col-md-offset-3 {
    margin-left: 25%
}

.col-md-offset-2 {
    margin-left: 16.66666667%
}

.col-md-offset-1 {
    margin-left: 8.33333333%
}

.col-md-offset-0 {
    margin-left: 0
}

@media (min-width: 1200px) {
    .container {
        width: 1200px;
        box-sizing: border-box
    }

    .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9 {
        float: left;
        position: relative
    }

    .col-lg-12 {
        width: 100%
    }

    .col-lg-11 {
        width: 91.66666667%
    }

    .col-lg-10 {
        width: 83.33333333%
    }

    .col-lg-9 {
        width: 75%
    }

    .col-lg-8 {
        width: 66.66666667%
    }

    .col-lg-7 {
        width: 58.33333333%
    }

    .col-lg-6 {
        width: 50%
    }

    .col-lg-5 {
        width: 41.66666667%
    }

    .col-lg-4 {
        width: 33.33333333%
    }

    .col-lg-3 {
        width: 25%
    }

    .col-lg-2 {
        width: 16.66666667%
    }

    .col-lg-1 {
        width: 8.33333333%
    }

    .col-lg-pull-12 {
        right: 100%
    }

    .col-lg-pull-11 {
        right: 91.66666667%
    }

    .col-lg-pull-10 {
        right: 83.33333333%
    }

    .col-lg-pull-9 {
        right: 75%
    }

    .col-lg-pull-8 {
        right: 66.66666667%
    }

    .col-lg-pull-7 {
        right: 58.33333333%
    }

    .col-lg-pull-6 {
        right: 50%
    }

    .col-lg-pull-5 {
        right: 41.66666667%
    }

    .col-lg-pull-4 {
        right: 33.33333333%
    }

    .col-lg-pull-3 {
        right: 25%
    }

    .col-lg-pull-2 {
        right: 16.66666667%
    }

    .col-lg-pull-1 {
        right: 8.33333333%
    }

    .col-lg-pull-0 {
        right: auto
    }

    .col-lg-push-12 {
        left: 100%
    }

    .col-lg-push-11 {
        left: 91.66666667%
    }

    .col-lg-push-10 {
        left: 83.33333333%
    }

    .col-lg-push-9 {
        left: 75%
    }

    .col-lg-push-8 {
        left: 66.66666667%
    }

    .col-lg-push-7 {
        left: 58.33333333%
    }

    .col-lg-push-6 {
        left: 50%
    }

    .col-lg-push-5 {
        left: 41.66666667%
    }

    .col-lg-push-4 {
        left: 33.33333333%
    }

    .col-lg-push-3 {
        left: 25%
    }

    .col-lg-push-2 {
        left: 16.66666667%
    }

    .col-lg-push-1 {
        left: 8.33333333%
    }

    .col-lg-push-0 {
        left: auto
    }

    .col-lg-offset-12 {
        margin-left: 100%
    }

    .col-lg-offset-11 {
        margin-left: 91.66666667%
    }

    .col-lg-offset-10 {
        margin-left: 83.33333333%
    }

    .col-lg-offset-9 {
        margin-left: 75%
    }

    .col-lg-offset-8 {
        margin-left: 66.66666667%
    }

    .col-lg-offset-7 {
        margin-left: 58.33333333%
    }

    .col-lg-offset-6 {
        margin-left: 50%
    }

    .col-lg-offset-5 {
        margin-left: 41.66666667%
    }

    .col-lg-offset-4 {
        margin-left: 33.33333333%
    }

    .col-lg-offset-3 {
        margin-left: 25%
    }

    .col-lg-offset-2 {
        margin-left: 16.66666667%
    }

    .col-lg-offset-1 {
        margin-left: 8.33333333%
    }

    .col-lg-offset-0 {
        margin-left: 0
    }
}

.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9 {
    position: relative;
    padding-right: 15px;
    padding-left: 15px;
    box-sizing: border-box
}

:after, :before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.marginT10 {
    margin-top: 10px
}

.marginT15 {
    margin-top: 15px
}

.marginT17 {
    margin-top: 17px
}

.marginT50 {
    margin-top: 50px
}

.marginT57 {
    margin-top: 57px
}

.marginT75 {
    margin-top: 75px
}

.marginB10 {
    margin-bottom: 15px
}

.marginB35 {
    margin-bottom: 35px
}

.marginB60 {
    margin-bottom: 60px
}

.paddingLR10 {
    padding: 0 10px
}

.padding0 {
    padding: 0
}

.paddingL10 {
    padding-left: 10px
}

.text-left {
    text-align: left
}

.text-right {
    text-align: right
}

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0
}

label {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 5px;
    font-weight: 700
}

.form-control {
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #333;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    box-sizing: border-box
}

.form-control:focus {
    border-color: #66afe9;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6)
}

.f5body {
    background-color: #f5f5f5
}

.borderB {
    border-bottom: 1px solid #dcdcdc !important
}

.paddingB10 {
    padding-bottom: 10px !important
}

.paddingL20 {
    padding-left: 20px
}

.paddingB25 {
    padding-bottom: 25px !important
}

.paddingB35 {
    padding-bottom: 35px !important
}

.marginT3 {
    margin-top: 3px
}

.marginT32 {
    margin-top: 32px
}

.paddingR30 {
    padding-right: 30px !important
}

.marginT55 {
    margin-top: 55px !important
}

.paddingT36 {
    padding-top: 36px !important
}

.paddingLR13 {
    padding-left: 13px !important;
    padding-right: 13px !important
}

.paddingL18 {
    padding-left: 18px !important
}

.marginT7 {
    margin-top: 7px
}

img {
    border: 0;
    padding: 0;
    margin: 0;
    vertical-align: middle
}

.color666 {
    color: #666 !important
}

.color999 {
    color: #999 !important
}

.bckf {
    background: #fff
}

.text-right {
    text-align: right
}

.text-center {
    text-align: center
}

.detailhousebody {
    color: #333
}

.detail-title-infor {
    line-height: 25px;
    padding-right: 0
}

.title-address {
    float: left;
    display: inline;
    line-height: 1;
}

.detail-img-box {
    height: 520px;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.breadspan {
    font-size: 18px;
    color: #999
}

.detail-img-box .img-show {
    width: 100%;
    height: 100%;
    position: relative;
    background-color: #E6E6E6;
    overflow: hidden
}

.detail-img-box .img-show img {
    width: 100%
}

.detail-img-box .img-show .img-next, .detail-img-box .img-show .img-prev {
    position: absolute;
    height: 100%;
    cursor: pointer;
    width: 25%
}

.detail-img-box .img-show .img-next .effect, .detail-img-box .img-show .img-prev .effect {
    height: 50px;
    width: 50px;
    top: 50%;
    margin-left: -15px;
    position: absolute;
    margin-top: -34px;
    background: rgba(0, 0, 0, .3);
    text-align: center;
    font-size: 25px;
    border-radius: 50%;
    line-height: 50px;
    color: #fff;
    font-weight: 600
}

.detail-img-box .img-show .img-prev .effect {
    background-position: -271px -79px;
    left: 24px
}

.detail-img-box .img-show .img-next {
    right: 0;
    top: 0
}

.detail-img-box .img-show .img-next .effect {
    background-position: -341px -79px;
    right: 10px
}

.detail-img-box .img-show .descriptionbox{
    max-width: 100%;
    width: 100%;
    float: left;
    position: absolute;
    top: inherit;
    left: 0;
    bottom: 0;
    padding: 10px 50px 10px 20px;
    line-height: 20px;
    background: rgba(0,0,0,0.30);
    box-sizing: border-box;
}
.detail-img-box .img-show .descriptionbox .pictureIndex{
    position: absolute;
    bottom: 8px;
    right: 8px;
    font-size: 14px;
    line-height: 1;
}
.detail-img-box .img-show .description {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    color: #F5F7F8;
    font-size: 14px;
}

.detail-title {
    font-size: 26px;
    margin-bottom: 16px;
}

.title-address.subline {
    font-size: 14px
}

.comment-num, .comment-star {
    line-height: 1;
}

.shuttleinfo {
    display: none
}

.shuttleinfo .detail-infor {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.floatlefbox .widthauto {
    float: left
}

.basic-infor.paddingL20 {
    padding-left: 20px !important
}

.paddingR15 {
    padding-right: 15px !important
}

.summary-box {
    padding-left: 15px;
    padding-right: 15px
}

.summary-box .summary {
    max-height: 390px;
    overflow: hidden;
    padding-top: 35px
}

.summary-box pre {
    border-width: 0;
    font-family: "微软雅黑", PingFangSC-Regular, "Helvetica Neue", Helvetica, Arial, sans-serif;
    display: block;
    padding: 0;
    margin: 0 0 0;
    font-size: 14px;
    border-radius: 0;
    background-color: #fff;
    word-wrap: normal;
    word-break: normal;
    color: #333;
    line-height: 22px;
    white-space: pre-line;
    word-wrap: break-word;
    word-break: break-word;
}

.show-all {
    color: #FF6766;
    font-size: 14px;
    line-height: 25px;
    cursor: pointer
}

.comment-level, .room-details-icon {
    background: url(../image/detail1.png) no-repeat
}

.detail-title-infor .comment-level-small-5, .userComment .comment-level-small-5 {
    margin-right: 2px;
    height: 12px;
    display: inline-block;
}

.comment-num {
    text-align: left;
    width: auto
}

.comment-star {
    text-align: right;
    display: none;
    width: 100px
}

.comment-level-small-0 {
    background-position: -472px -169px
}

.comment-level-small-1 {
    background-position: -472px -147px
}

.comment-level-small-2 {
    background-position: -472px -124px
}

.comment-level-small-3 {
    background-position: -472px -102px
}

.comment-level-small-4 {
    background-position: -472px -79px
}

.comment-level-small-5 {
    background-position: -472px -57px
}

.comment-level {
    height: 30px;
    width: 150px;
    float: left;
    line-height: 30px;
    text-align: right
}

.comment-level-5 {
    background-position: -317px -57px
}

.comment-level-0 {
    background-position: -317px -207px
}

.comment-level-1 {
    background-position: -317px -177px
}

.comment-level-2 {
    background-position: -317px -147px
}

.comment-level-3 {
    background-position: -317px -117px
}

.comment-level-4 {
    background-position: -317px -87px
}

.comment-level-5 {
    background-position: -317px -57px
}

.all-content-style {
    padding-right: 0
}

.detail-title.boldtitle {
    font-size: 26px;
    color: #333;
    font-weight: bold;
    margin-bottom: 16px;
}

.detail-room {
    font-size: 14px
}

.detail-room .basic-infor {
    padding: 0 30px 25px 65px
}

.room-title {
    color: #999;
    font-size: 22px
}

.detail-room .basic-infor .room-details-icon, .detail-room .visible-xs-block .room-details-icon {
    height: 38px;
    margin: 0;
    display: inline-block;
    font-family: fontello;
    font-size: 31px;
    color: #999;
}

.detail-room .basic-infor .room-details-icon.roomType {
    background-position: -51px -54px
}

.detail-room .basic-infor .room-details-icon.accommodateNum {
    background-position: -126px -54px
}

.detail-room .basic-infor .room-details-icon.bedroomNum {
    background-position: -192px -54px
}

.detail-room .basic-infor .room-details-icon.bedNum {
    background-position: -254px -54px
}

.detail-room .basic-infor .room-details-icon.attention, .detail-room .visible-xs-block .room-details-icon.attention {
    background-position: -247px -122px;
    cursor: pointer
}

.detail-room .basic-infor .room-details-icon.attention.already, .detail-room .visible-xs-block .room-details-icon.attention.already {
    background-position: -192px -122px
}

.detail-room .visible-xs-block .collect {
    width: 38px;
    text-align: center;
    float: right
}

.detail-room .detail-infor {
    line-height: 30px
}

.detail-room .detail-infor div:first-child {
    text-align: left;
    color: #999
}

.detail-room .address {
    height: 312px;
    position: relative
}

.detail-room .address .address-click {
    position: absolute;
    width: 100%;
    height: 312px
}

.detail-room .addressForMap {
    width: 100%;
    height: 312px
}

.detailbody .media-photo {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    position: relative;
    display: inline-block;
    vertical-align: bottom;
    overflow: hidden;
    background-color: #cacccd;
}

.detailbody .media-round {
    border-radius: 50%;
    border: 2px solid #fff
}

.userComment .media-round img {
    width: 54px;
    height: 54px
}

.detailbody .media-round #ownerimg {
    width: 46px;
    height: 46px
}

.detailbody .padding0 {
    padding: 0
}

.detail-room .detail-infor.lineheight15 {
    line-height: 15px
}

.detail-room .detail-infor.lineheight20 {
    line-height: 20px
}

.detail-room .detail-infor.lineheight25 {
    line-height: 25px
}


.data-conceal {
    position: absolute;
    width: 100%;
    height: 3em;
    bottom: 0;
    background: rgba(255, 255, 255, 0);
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, .9) 50%, rgba(255, 255, 255, .9) 50%, #fff 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(255, 255, 255, 0)), color-stop(50%, rgba(255, 255, 255, .9)), color-stop(50%, rgba(255, 255, 255, .9)), color-stop(100%, #fff));
    background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, .9) 50%, rgba(255, 255, 255, .9) 50%, #fff 100%);
    background: -ms-linear-gradient(top, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, .9) 50%, rgba(255, 255, 255, .9) 50%, #fff 100%);
    background: linear-gradient(top, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, .9) 50%, rgba(255, 255, 255, .9) 50%, #fff 100%)
}

.detail-room .address-info {
    padding-top: 36px
}

.userComment .comment-num, .userComment .comment-star {
    float: left
}

.userComment .comment-num {
    text-align: left;
    width: auto;
    line-height: 23px
}

.userComment .comment-star {
    text-align: left;
    display: none;
    width: 100px;
    position: absolute;
    left: 100px;
    top: 3px
}

.userComment .comment-status {
    display: none
}

.ellipsis {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.comment-list .comment-infor div:last-child {
    color: #666
}

.comment-infor {
    font-size: 16px;
    color: #999
}

.comment-infor .ellipsis {
    color: #666;
    line-height: 25px
}

#detail_definegroup {
    width: 82px;
    height: 30px
}

#detail_definegroup .defineselectinput[type=text] {
    height: 28px
}

#detail_definegroup .defineselectbox {
    width: 74px;
    top: 30px
}

#detail_definegroup .iconselect {
    background-position: -508px -139px
}

.canlenderbox .calendar {
    top: 133px
}

.room-details-icon {
    background: url(../image/detail1.png) no-repeat
}

.detail-share {
    width: 205px;
    margin-bottom: 0;
    margin-top: 70px
}

.detail-owner {
    padding-left: 27px
}

.detail-owner.fixed {
    top: 0;
    right: 351px;
    position: fixed;
    width: 400px
}

.detail-owner .owner-box {
    background-color: #fff;
    padding: 20px 13px;
    border: 1px solid #e8e8e8;
}

.detail-owner .owner-box .price {
    text-align: left;
    font-size: 0px;
    color: #333
}

.detail-owner .owner-box .price .flashIcon {
    width: 20px;
    height: 20px
}

.detail-owner .owner-box .price .pricePerNight {
    font-size: 28px;
}

.detail-owner .owner-box .price .buyer_currency_symbol {
    display: inline-block;
    /*width: 28px;*/
    font-size: 28px;
    padding-right: 4px;
}

.detail-owner .owner-box .price .gray {
    display: inline-block;
    margin-left: 5px;
    height: 28px;
    vertical-align: bottom;
    font-size: 16px;
}

.detail-owner label.gray {
    font-size: 12px;
    font-weight: normal;
    color: #666
}

.detail-owner .owner-box .priceList tr td {
    padding: 5px 10px;
    border-width: 0;
    color: #333;
    vertical-align: middle
}

.detail-owner .owner-box .priceList tr td.gray {
    color: #999
}

.detail-owner .owner-box .priceList tr:last-child td {
    padding-bottom: 0
}

.detail-owner .owner-box .priceList tr td.totcalpriceword {
    font-size: 20px;
    color: #333
}

.detail-owner .owner-box .priceList tr td.totalpricenumspan {
    font-size: 28px;
}

.detail-owner .owner-box .select_data_error .alert {
    padding: 0 5px;
    line-height: 20px;
    color: red
}

.detail-owner .owner-box .btn {
    width: 100%;
    font-size: 16px;
    outline: 0;
    height: 38px
}

.detail-owner .owner-box .owner-head {
    text-align: center
}

.detail-owner .owner-box .identity {
    position: relative;
    font-size: 12px;
    color: #333
}

.detail-owner .owner-box .identity .identity-card {
    width: 30px;
    height: 20px;
    display: inline-block
}

.detail-owner .owner-box .identity span {
    display: inline-block;
    margin-left: 6px;
    vertical-align: super
}

.detail-owner .owner-box .contact-owner {
    position: relative
}

.detail-owner .owner-box .contact-owner .contact-icon {
    width: 23px;
    height: 23px;
    position: absolute;
    top: 9px;
    display: inline-block;
    font-size: 20px;
    color: #999
}

.detail-owner .owner-box .contact-owner span {
    margin-left: 30px
}

.checkpanels {
    float: left;
}

.checkinpanel {
    float: left;
    width: 96px
}

.checkoutpanel {
    float: left;
    width: 96px;
    margin-left: 8px;
}

.conutpanel {
    float: left;
    width: 82px;
    margin-left: 8px
}

.cardpanels {
    float: left;
    width: 60px
}

.cardinfopanel {
    float: left;
    /*width: 215px*/
}

.sharepanel {
    color: #666
}

.canlenderbox {
    width: 320px;
    position: absolute;
    top: 0;
    z-index: 1000;
}

#userId_to_infor {
    border: 1px solid #ccc
}

#detial-owner {
    width: 320px
}

#ownernickname {
    font-size: 16px;
    color: #333
}

#ownerprofession {
    font-size: 12px;
    color: #767676;
    line-height: 20px;
}

.canlenderbox .form-control {
    padding: 4px 5px;
    height: 30px;
    box-sizing: border-box;
    border-radius: 0;
    box-shadow: none;
    font-size: 13px;
    background-color: white;
}

.popover.top {
    display: block;
    position: absolute;
    top: -44px;
    left: -7px;
    z-index: 1060;
    max-width: 276px;
    padding: 1px;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: left;
    text-align: start;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    letter-spacing: normal;
    word-break: normal;
    word-spacing: normal;
    word-wrap: normal;
    white-space: normal;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, .2);
    border-radius: 6px;
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
    box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
    line-break: auto
}

.popover.top > .arrow {
    bottom: -11px;
    left: 50%;
    margin-left: -11px;
    border-top-color: #999;
    border-top-color: rgba(0, 0, 0, .25);
    border-bottom-width: 0
}

.popover > .arrow {
    border-width: 11px
}

.popover.top > .arrow:after {
    bottom: 1px;
    margin-left: -10px;
    content: " ";
    border-top-color: #fff;
    border-bottom-width: 0
}

.popover > .arrow:after {
    content: "";
    border-width: 10px
}

.popover > .arrow, .popover > .arrow:after {
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid
}

.popover-content {
    padding: 10px
}

.identity-card, .shareIcon {
    background: url(../image/detail.png) no-repeat
}

.identity-card {
    background-position: -20px -20px
}

.attentionIcon {
    width: 20px;
    height: 20px;
    display: inline-block;
    margin-right: 5px;
    vertical-align: middle;
    font-size: 18px;
    color: #666;
    cursor: pointer
}

.attentionIcon.already {
    width: 20px;
    height: 20px;
    display: inline-block;
    margin-right: 5px;
    vertical-align: middle;
    color: #ff5a5f;
    cursor: pointer
}

.shareIcon {
    width: 20px;
    height: 20px;
    display: inline-block;
    color: #666;
    font-size: 18px;
    margin-right: 5px;
    vertical-align: middle
}

.sharebtns .qq, .sharebtns .weibo, .sharebtns .weixin{
    float: none;
    margin: 0;
    padding: 0;
}
.sharebtns .qq:hover, .sharebtns .weibo:hover, .sharebtns .weixin:hover{color: #fff;}
.bd_weixin_popup{box-sizing: content-box;}
.sharebtns .weibo {
    width: 22px;
    height: 22px;
    display: inline-block;
    background: #FF6B6B;
    border-radius: 2px;
    font-size: 16px;
    color: #fff;
    text-align: center;
    margin-top: 10px;
}

.sharebtns .weixin {
    width: 22px;
    height: 22px;
    display: inline-block;
    background: #6DD75F;
    border-radius: 2px;
    font-size: 16px;
    color: #fff;
    text-align: center;
    margin-top: 10px;
}

.sharebtns .qq {
    width: 22px;
    height: 22px;
    display: inline-block;
    background: #F2BD4A;
    border-radius: 2px;
    font-size: 16px;
    color: #fff;
    text-align: center;
    margin-top: 10px;
}

.comment.xs-infor-box {
    display: none
}

.comment-box {
    padding-left: 15px;
    padding-right: 0
}

.comment-list {
    padding-bottom: 30px;
    padding: 0 15px
}

.comment-list:last-child {
    border-bottom-width: 0
}

.comment-list .comment-infor {
    margin: 5px 0;
    color: #666
}

.comment-list .comment-con {
    font-size: 14px;
    color: #333;
    line-height: 22px
}

.comment-list .comment-picture {
    margin: 10px auto;
    display: inline-block
}

.comment-list .comment-picture li {
    float: left
}

.comment-list .comment-picture li img {
    float: left;
    width: 100px;
    height: 100px;
    margin-right: 10px;
    cursor: pointer
}

.comment-list .comment-reply {
    display: none;
    background-color: #F5F5F5;
    padding: 15px 10px;
    margin-top: 20px
}

.comment-list .comment-open {
    color: #FF6766;
    cursor: pointer;
    margin-top: 10px
}

.comment-page {
}

.room_map {
    font-family: fontello;
    display: none;
    position: fixed;
    top: 12%;
    left: 50%;
    height: 76%;
    margin-top: 0;
    margin-left: -479px;
    padding: 0;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    background-color: #F0F5F8;
    z-index: 1011;
    padding-right: 0
}

.room_map .close {
    width: 40px;
    height: 40px;
    position: absolute;
    right: -20px;
    top: -20px;
    background-position: -53px -340px;
    opacity: inherit;
    z-index: 9999;
    font-size: 40px;
    line-height: 40px;
    color: #000;
    background: #fff;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -o-border-radius: 50%;
    -ms-border-radius: 50%;
    cursor: pointer
}

.room_map .addressForMap {
    width: 100%;
    height: 100%;
    z-index: 9999
}

.row-amenities {
    position: relative;
    line-height: 25px;
    color: #999;
}

.row-amenities.disable{
    color: #bbb;
}
.row-amenities.disable .amenity-short-title {
    text-decoration: line-through;
    color: #bbb;
}

.ico {
    width: 26px;
    height: 24px;
    display: inline-block;
    position: absolute;
    top: 1px
}

.ico.ico-amenities-0 {
    background: url(../image/amenities.png) -34px -33px
}

.ico.ico-amenities-1 {
    background: url(../image/amenities.png) -84px -33px
}

.ico.ico-amenities-2 {
    background: url(../image/amenities.png) -134px -33px
}

.ico.ico-amenities-3 {
    background: url(../image/amenities.png) -184px -33px
}

.ico.ico-amenities-4 {
    background: url(../image/amenities.png) -234px -33px
}

.ico.ico-amenities-5 {
    background: url(../image/amenities.png) -284px -33px
}

.ico.ico-amenities-6 {
    background: url(../image/amenities.png) -334px -33px
}

.ico.ico-amenities-7 {
    background: url(../image/amenities.png) -384px -33px
}

.ico.ico-amenities-8 {
    background: url(../image/amenities.png) -34px -98px
}

.ico.ico-amenities-9 {
    background: url(../image/amenities.png) -84px -98px
}

.ico.ico-amenities-10 {
    background: url(../image/amenities.png) -134px -98px
}

.ico.ico-amenities-11 {
    background: url(../image/amenities.png) -184px -98px
}

.ico.ico-amenities-12 {
    background: url(../image/amenities.png) -234px -98px
}

.ico.ico-amenities-13 {
    background: url(../image/amenities.png) -284px -98px
}

.ico.ico-amenities-14 {
    background: url(../image/amenities.png) -334px -98px
}

.ico.ico-amenities-15 {
    background: url(../image/amenities.png) -384px -98px
}

.ico.ico-amenities-16 {
    background: url(../image/amenities.png) -34px -165px
}

.ico.ico-amenities-17 {
    background: url(../image/amenities.png) -84px -165px
}

.ico.ico-amenities-18 {
    background: url(../image/amenities.png) -134px -165px
}

.ico.ico-amenities-19 {
    background: url(../image/amenities.png) -184px -165px
}

.ico.ico-amenities-20 {
    background: url(../image/amenities.png) -234px -165px
}

.ico.ico-amenities-21 {
    background: url(../image/amenities.png) -284px -165px
}

.ico.ico-amenities-22 {
    background: url(../image/amenities.png) -334px -165px
}

.ico.ico-amenities-23 {
    background: url(../image/amenities.png) -384px -165px
}

.ico.ico-amenities-24 {
    background: url(../image/amenities.png) -34px -229px
}

.ico.ico-amenities-25 {
    background: url(../image/amenities.png) -84px -229px
}

.ico.ico-amenities-26 {
    background: url(../image/amenities.png) -134px -229px
}

.ico.ico-amenities-27 {
    background: url(../image/amenities.png) -184px -229px
}

.ico.ico-amenities-28 {
    background: url(../image/amenities.png) -234px -229px
}

.ico.ico-amenities-29 {
    background: url(../image/amenities.png) -284px -229px
}

.ico.ico-amenities-30 {
    background: url(../image/amenities.png) -334px -229px
}

.ico.ico-amenities-31 {
    background: url(../image/amenities.png) -384px -229px
}

.ico.ico-amenities-32 {
    background: url(../image/amenities.png) -34px -299px
}

.row-amenities span {
    margin-left: 7px;
    color: #333;
    vertical-align: middle;
}

.text-muted span {
    margin-left: 0 !important
}

.row-space-1 {
    margin-bottom: 6.25px
}

.div_overlay {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #000;
    z-index: 1010;
    -moz-opacity: .8;
    opacity: .8;
    filter: alpha(opacity=80)
}

.onehome-page.pagination > li > a, .onehome-page.pagination > li > span {
    color: #ff6766
}

.onehome-page.pagination > .active > a, .onehome-page.pagination > .active > a:focus, .onehome-page.pagination > .active > a:hover, .onehome-page.pagination > .active > span, .onehome-page.pagination > .active > span:focus, .onehome-page.pagination > .active > span:hover {
    background-color: #ff6766;
    border-color: #ff6766;
    color: #fff
}

.btn-primary.btn {
    border-color: #ff6766;
    background-color: #ff5a5f;
    color: #fff;
    outline: 0
}

.sharebtns {
    display: none
}

@font-face {
    font-family: iconfont;
    src: url(../font/iconfont.eot);
    src: url(../font/iconfont.eot#iefix) format('embedded-opentype'), url(../font/iconfont.woff) format('woff'), url(../font/iconfont.ttf) format('truetype'), url(http://www.onehome.me/css/fonts/shuttle/iconfont.svg?123#iconfont) format('svg')
}

.iconfont {
    width: 26px;
    height: 24px;
    display: inline-block;
    font-family: iconfont;
    font-size: 22px;
    font-style: normal;
    color: #999;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: .2px;
    -moz-osx-font-smoothing: grayscale;
    vertical-align: middle
}

.detail_headerbgbox {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 62px;
    z-index: 99;
    background: #fff;
    display: none;
    border-bottom: 1px solid #dcdcdc;
    padding: 0;
    text-align: center
}

.detail_headerbgbox ul {
    list-style: none;
    overflow: hidden;
    margin: 16px 0
}

.detail_headerbgbox ul li {
    color: #333;
    font-size: 14px;
    display: block;
    float: left;
    margin-right: 53px;
    width: 120px;
    height: 30px;
    line-height: 30px;
    cursor: pointer
}

.detail_headerbgbox ul li.cur {
    background: #fff0ef;
    border: 1px solid #ff6766
}

.ctable.priceList tr td:first-child {
    padding-right: 0;
    color: #999
}

.ctable.priceList tr td:last-child {
    padding-left: 0
}

.ctable.priceList tr td {
    white-space: nowrap
}

.svg-father-class {
    color: grey;
    text-align: center
}

.Zhima-identity-card {
    font-size: 23px;
    margin-right: 9px;
    color: #3eb3c0;
    float: left
}

.Zhima-identity-card:before {
    content: '\e840'
}

.Zhima-dentity-words {
    font-size: 12px;
    color: #333;
    float: left;
    line-height: 23px;
    margin-left: -1px
}

.identity-card-icon {
    font-size: 26px;
    color: #3eb3c0;
    line-height: 26px;
    float: left
}

.identity-card-icon:before {
    content: '\e84c'
}

.datashow {
    line-height: 29px;
    vertical-align: middle;
    color: #999;
}

#botton-comment-star {
    position: static;
    float: left;
    line-height: 29px;
    margin-top: 7px;
    margin-right: 7px
}

.ComprehensiveScore {
    color: #FF9500
}

#firstComment {
    line-height: 1;
    margin-top: 17px;
}

a, a:hover {
    text-decoration: none
}

.wechatimg {
    width: 127px;
    height: 146px;
    position: absolute;
    top: -147px;
    left: -58px;
    display: none
}

.footer-box {
    overflow: hidden;
    background-color: #333;
    padding: 1px;
    color: #999
}

.footer-new {
    margin: 32px auto 0 auto
}

.links-new {
    text-align: center
}

.links-new .links-row {
    margin: 7px auto;
    line-height: 30px
}

.links-new .links-row span {
    margin: 0 11px
}

.links-new .links-row span a {
    color: #d6d6d6;
    color: rgba(255, 255, 255, .8);
    text-decoration: none;
    font-size: 12px
}

.footer-heng {
    margin: 34px auto;
    height: 1px;
    background-color: #999;
    background-color: rgba(255, 255, 255, .5)
}

.clear {
    clear: both
}

.footer-publicity {
    margin-top: 10px;
    margin-bottom: 4px;
    color: #d6d6d6;
    color: rgba(255, 255, 255, .8)
}

.lineheight25 {
    height: 25px;
    line-height: 25px
}

.lineheight40 {
    height: 40px;
    line-height: 40px
}

.footer-publicity .first-div {
    padding-left: 60px
}

.footer-publicity .title {
    font-size: 16px;
    line-height: 30px;
    margin: 10px 0;
    color: #d6d6d6;
    color: rgba(255, 255, 255, .8);
    margin-bottom: 13px
}

.footer-attention {
    float: right;
    list-style: none;
    padding: 0;
    margin: 0
}

.footer-attention li {
    width: 28px;
    height: 28px;
    float: left;
    margin: 0 5px
}

.footer-attention li a {
    display: block;
    height: 28px
}

.footer-attention li.wechat {
    background-position: -10px -9px;
    margin-right: 37px;
    position: relative
}

.footer-attention li.wechat:hover {
    background-position: -10px -48px
}

.footer-attention li.weibo {
    background-position: -81px -9px
}

.footer-attention li.weibo:hover {
    background-position: -81px -48px
}

.applinkbox {
    display: block;
    float: left;
    border: 1px solid #959595;
    width: 128px;
    height: 28px;
    padding: 2px 5px;
    box-sizing: border-box;
    margin-right: 20px;
    color: #d6d6d6;
    color: rgba(255, 255, 255, .8);
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -o-border-radius: 3px;
    -ms-border-radius: 3px
}

.appstore {
    width: 28px;
    height: 25px;
    display: inline-block;
    background-position: -143px -11px;
    vertical-align: middle
}

#download_ios:hover .appstore {
    background-position: -143px -50px
}

.applinkbox:hover .mwords {
    color: #fff
}

#download_apk:hover .android {
    background-position: -187px -50px
}

.android {
    width: 28px;
    height: 25px;
    display: inline-block;
    background-position: -187px -11px;
    vertical-align: middle
}

.mwords {
    display: inline-block;
    height: 22px;
    line-height: 22px;
    font-size: 12px
}

.footer-descript {
    margin: 30px auto;
    text-align: center;
    margin-bottom: 0;
    color: #d6d6d6;
    color: rgba(255, 255, 255, .8);
    font-size: 12px;
    background-color: #2a2a2a;
    height: 50px;
    line-height: 50px;
    box-shadow: 2px 2px 5px #2a2a2a;
    -webkit-box-shadow: 2px 2px 5px #2a2a2a;
    -moz-box-shadow: 2px 2px 5px #2a2a2a;
    -o-box-shadow: 2px 2px 5px #2a2a2a
}

.footer-descript a {
    color: #d6d6d6;
    color: rgba(255, 255, 255, .8)
}

.footer-descript a:hover {
    color: #d6d6d6;
    color: rgba(255, 255, 255, .8)
}

@font-face {
    font-family: 'Glyphicons Halflings';
    src: url(../font/glyphicons-halflings-regular.eot);
    src: url(../font/glyphicons-halflings-regular.eot#iefix) format('embedded-opentype'), url(../font/glyphicons-halflings-regular.woff2) format('woff2'), url(../font/glyphicons-halflings-regular.woff) format('woff'), url(../font/glyphicons-halflings-regular.ttf) format('truetype'), url(http://www.onehome.me/css/fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular) format('svg')
}

.glyphicon {
    position: relative;
    top: 1px;
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.glyphicon-asterisk:before {
    content: "\2a"
}

.glyphicon-plus:before {
    content: "\2b"
}

.glyphicon-eur:before, .glyphicon-euro:before {
    content: "\20ac"
}

.glyphicon-minus:before {
    content: "\2212"
}

.glyphicon-cloud:before {
    content: "\2601"
}

.glyphicon-envelope:before {
    content: "\2709"
}

.glyphicon-pencil:before {
    content: "\270f"
}

.glyphicon-glass:before {
    content: "\e001"
}

.glyphicon-music:before {
    content: "\e002"
}

.glyphicon-search:before {
    content: "\e003"
}

.glyphicon-heart:before {
    content: "\e005"
}

.glyphicon-star:before {
    content: "\e006"
}

.glyphicon-star-empty:before {
    content: "\e007"
}

.glyphicon-user:before {
    content: "\e008"
}

.glyphicon-film:before {
    content: "\e009"
}

.glyphicon-th-large:before {
    content: "\e010"
}

.glyphicon-th:before {
    content: "\e011"
}

.glyphicon-th-list:before {
    content: "\e012"
}

.glyphicon-ok:before {
    content: "\e013"
}

.glyphicon-remove:before {
    content: "\e014"
}

.glyphicon-zoom-in:before {
    content: "\e015"
}

.glyphicon-zoom-out:before {
    content: "\e016"
}

.glyphicon-off:before {
    content: "\e017"
}

.glyphicon-signal:before {
    content: "\e018"
}

.glyphicon-cog:before {
    content: "\e019"
}

.glyphicon-trash:before {
    content: "\e020"
}

.glyphicon-home:before {
    content: "\e021"
}

.glyphicon-file:before {
    content: "\e022"
}

.glyphicon-time:before {
    content: "\e023"
}

.glyphicon-road:before {
    content: "\e024"
}

.glyphicon-download-alt:before {
    content: "\e025"
}

.glyphicon-download:before {
    content: "\e026"
}

.glyphicon-upload:before {
    content: "\e027"
}

.glyphicon-inbox:before {
    content: "\e028"
}

.glyphicon-play-circle:before {
    content: "\e029"
}

.glyphicon-repeat:before {
    content: "\e030"
}

.glyphicon-refresh:before {
    content: "\e031"
}

.glyphicon-list-alt:before {
    content: "\e032"
}

.glyphicon-lock:before {
    content: "\e033"
}

.glyphicon-flag:before {
    content: "\e034"
}

.glyphicon-headphones:before {
    content: "\e035"
}

.glyphicon-volume-off:before {
    content: "\e036"
}

.glyphicon-volume-down:before {
    content: "\e037"
}

.glyphicon-volume-up:before {
    content: "\e038"
}

.glyphicon-qrcode:before {
    content: "\e039"
}

.glyphicon-barcode:before {
    content: "\e040"
}

.glyphicon-tag:before {
    content: "\e041"
}

.glyphicon-tags:before {
    content: "\e042"
}

.glyphicon-book:before {
    content: "\e043"
}

.glyphicon-bookmark:before {
    content: "\e044"
}

.glyphicon-print:before {
    content: "\e045"
}

.glyphicon-camera:before {
    content: "\e046"
}

.glyphicon-font:before {
    content: "\e047"
}

.glyphicon-bold:before {
    content: "\e048"
}

.glyphicon-italic:before {
    content: "\e049"
}

.glyphicon-text-height:before {
    content: "\e050"
}

.glyphicon-text-width:before {
    content: "\e051"
}

.glyphicon-align-left:before {
    content: "\e052"
}

.glyphicon-align-center:before {
    content: "\e053"
}

.glyphicon-align-right:before {
    content: "\e054"
}

.glyphicon-align-justify:before {
    content: "\e055"
}

.glyphicon-list:before {
    content: "\e056"
}

.glyphicon-indent-left:before {
    content: "\e057"
}

.glyphicon-indent-right:before {
    content: "\e058"
}

.glyphicon-facetime-video:before {
    content: "\e059"
}

.glyphicon-picture:before {
    content: "\e060"
}

.glyphicon-map-marker:before {
    content: "\e062"
}

.glyphicon-adjust:before {
    content: "\e063"
}

.glyphicon-tint:before {
    content: "\e064"
}

.glyphicon-edit:before {
    content: "\e065"
}

.glyphicon-share:before {
    content: "\e066"
}

.glyphicon-check:before {
    content: "\e067"
}

.glyphicon-move:before {
    content: "\e068"
}

.glyphicon-step-backward:before {
    content: "\e069"
}

.glyphicon-fast-backward:before {
    content: "\e070"
}

.glyphicon-backward:before {
    content: "\e071"
}

.glyphicon-play:before {
    content: "\e072"
}

.glyphicon-pause:before {
    content: "\e073"
}

.glyphicon-stop:before {
    content: "\e074"
}

.glyphicon-forward:before {
    content: "\e075"
}

.glyphicon-fast-forward:before {
    content: "\e076"
}

.glyphicon-step-forward:before {
    content: "\e077"
}

.glyphicon-eject:before {
    content: "\e078"
}

.glyphicon-chevron-left:before {
    content: "\e079"
}

.glyphicon-chevron-right:before {
    content: "\e080"
}

.glyphicon-plus-sign:before {
    content: "\e081"
}

.glyphicon-minus-sign:before {
    content: "\e082"
}

.glyphicon-remove-sign:before {
    content: "\e083"
}

.glyphicon-ok-sign:before {
    content: "\e084"
}

.glyphicon-question-sign:before {
    content: "\e085"
}

.glyphicon-info-sign:before {
    content: "\e086"
}

.glyphicon-screenshot:before {
    content: "\e087"
}

.glyphicon-remove-circle:before {
    content: "\e088"
}

.glyphicon-ok-circle:before {
    content: "\e089"
}

.glyphicon-ban-circle:before {
    content: "\e090"
}

.glyphicon-arrow-left:before {
    content: "\e091"
}

.glyphicon-arrow-right:before {
    content: "\e092"
}

.glyphicon-arrow-up:before {
    content: "\e093"
}

.glyphicon-arrow-down:before {
    content: "\e094"
}

.glyphicon-share-alt:before {
    content: "\e095"
}

.glyphicon-resize-full:before {
    content: "\e096"
}

.glyphicon-resize-small:before {
    content: "\e097"
}

.glyphicon-exclamation-sign:before {
    content: "\e101"
}

.glyphicon-gift:before {
    content: "\e102"
}

.glyphicon-leaf:before {
    content: "\e103"
}

.glyphicon-fire:before {
    content: "\e104"
}

.glyphicon-eye-open:before {
    content: "\e105"
}

.glyphicon-eye-close:before {
    content: "\e106"
}

.glyphicon-warning-sign:before {
    content: "\e107"
}

.glyphicon-plane:before {
    content: "\e108"
}

.glyphicon-calendar:before {
    content: "\e109"
}

.glyphicon-random:before {
    content: "\e110"
}

.glyphicon-comment:before {
    content: "\e111"
}

.glyphicon-magnet:before {
    content: "\e112"
}

.glyphicon-chevron-up:before {
    content: "\e113"
}

.glyphicon-chevron-down:before {
    content: "\e114"
}

.glyphicon-retweet:before {
    content: "\e115"
}

.glyphicon-shopping-cart:before {
    content: "\e116"
}

.glyphicon-folder-close:before {
    content: "\e117"
}

.glyphicon-folder-open:before {
    content: "\e118"
}

.glyphicon-resize-vertical:before {
    content: "\e119"
}

.glyphicon-resize-horizontal:before {
    content: "\e120"
}

.glyphicon-hdd:before {
    content: "\e121"
}

.glyphicon-bullhorn:before {
    content: "\e122"
}

.glyphicon-bell:before {
    content: "\e123"
}

.glyphicon-certificate:before {
    content: "\e124"
}

.glyphicon-thumbs-up:before {
    content: "\e125"
}

.glyphicon-thumbs-down:before {
    content: "\e126"
}

.glyphicon-hand-right:before {
    content: "\e127"
}

.glyphicon-hand-left:before {
    content: "\e128"
}

.glyphicon-hand-up:before {
    content: "\e129"
}

.glyphicon-hand-down:before {
    content: "\e130"
}

.glyphicon-circle-arrow-right:before {
    content: "\e131"
}

.glyphicon-circle-arrow-left:before {
    content: "\e132"
}

.glyphicon-circle-arrow-up:before {
    content: "\e133"
}

.glyphicon-circle-arrow-down:before {
    content: "\e134"
}

.glyphicon-globe:before {
    content: "\e135"
}

.glyphicon-wrench:before {
    content: "\e136"
}

.glyphicon-tasks:before {
    content: "\e137"
}

.glyphicon-filter:before {
    content: "\e138"
}

.glyphicon-briefcase:before {
    content: "\e139"
}

.glyphicon-fullscreen:before {
    content: "\e140"
}

.glyphicon-dashboard:before {
    content: "\e141"
}

.glyphicon-paperclip:before {
    content: "\e142"
}

.glyphicon-heart-empty:before {
    content: "\e143"
}

.glyphicon-link:before {
    content: "\e144"
}

.glyphicon-phone:before {
    content: "\e145"
}

.glyphicon-pushpin:before {
    content: "\e146"
}

.glyphicon-usd:before {
    content: "\e148"
}

.glyphicon-gbp:before {
    content: "\e149"
}

.glyphicon-sort:before {
    content: "\e150"
}

.glyphicon-sort-by-alphabet:before {
    content: "\e151"
}

.glyphicon-sort-by-alphabet-alt:before {
    content: "\e152"
}

.glyphicon-sort-by-order:before {
    content: "\e153"
}

.glyphicon-sort-by-order-alt:before {
    content: "\e154"
}

.glyphicon-sort-by-attributes:before {
    content: "\e155"
}

.glyphicon-sort-by-attributes-alt:before {
    content: "\e156"
}

.glyphicon-unchecked:before {
    content: "\e157"
}

.glyphicon-expand:before {
    content: "\e158"
}

.glyphicon-collapse-down:before {
    content: "\e159"
}

.glyphicon-collapse-up:before {
    content: "\e160"
}

.glyphicon-log-in:before {
    content: "\e161"
}

.glyphicon-flash:before {
    content: "\e162"
}

.glyphicon-log-out:before {
    content: "\e163"
}

.glyphicon-new-window:before {
    content: "\e164"
}

.glyphicon-record:before {
    content: "\e165"
}

.glyphicon-save:before {
    content: "\e166"
}

.glyphicon-open:before {
    content: "\e167"
}

.glyphicon-saved:before {
    content: "\e168"
}

.glyphicon-import:before {
    content: "\e169"
}

.glyphicon-export:before {
    content: "\e170"
}

.glyphicon-send:before {
    content: "\e171"
}

.glyphicon-floppy-disk:before {
    content: "\e172"
}

.glyphicon-floppy-saved:before {
    content: "\e173"
}

.glyphicon-floppy-remove:before {
    content: "\e174"
}

.glyphicon-floppy-save:before {
    content: "\e175"
}

.glyphicon-floppy-open:before {
    content: "\e176"
}

.glyphicon-credit-card:before {
    content: "\e177"
}

.glyphicon-transfer:before {
    content: "\e178"
}

.glyphicon-cutlery:before {
    content: "\e179"
}

.glyphicon-header:before {
    content: "\e180"
}

.glyphicon-compressed:before {
    content: "\e181"
}

.glyphicon-earphone:before {
    content: "\e182"
}

.glyphicon-phone-alt:before {
    content: "\e183"
}

.glyphicon-tower:before {
    content: "\e184"
}

.glyphicon-stats:before {
    content: "\e185"
}

.glyphicon-sd-video:before {
    content: "\e186"
}

.glyphicon-hd-video:before {
    content: "\e187"
}

.glyphicon-subtitles:before {
    content: "\e188"
}

.glyphicon-sound-stereo:before {
    content: "\e189"
}

.glyphicon-sound-dolby:before {
    content: "\e190"
}

.glyphicon-sound-5-1:before {
    content: "\e191"
}

.glyphicon-sound-6-1:before {
    content: "\e192"
}

.glyphicon-sound-7-1:before {
    content: "\e193"
}

.glyphicon-copyright-mark:before {
    content: "\e194"
}

.glyphicon-registration-mark:before {
    content: "\e195"
}

.glyphicon-cloud-download:before {
    content: "\e197"
}

.glyphicon-cloud-upload:before {
    content: "\e198"
}

.glyphicon-tree-conifer:before {
    content: "\e199"
}

.glyphicon-tree-deciduous:before {
    content: "\e200"
}

.glyphicon-cd:before {
    content: "\e201"
}

.glyphicon-save-file:before {
    content: "\e202"
}

.glyphicon-open-file:before {
    content: "\e203"
}

.glyphicon-level-up:before {
    content: "\e204"
}

.glyphicon-copy:before {
    content: "\e205"
}

.glyphicon-paste:before {
    content: "\e206"
}

.glyphicon-alert:before {
    content: "\e209"
}

.glyphicon-equalizer:before {
    content: "\e210"
}

.glyphicon-king:before {
    content: "\e211"
}

.glyphicon-queen:before {
    content: "\e212"
}

.glyphicon-pawn:before {
    content: "\e213"
}

.glyphicon-bishop:before {
    content: "\e214"
}

.glyphicon-knight:before {
    content: "\e215"
}

.glyphicon-baby-formula:before {
    content: "\e216"
}

.glyphicon-tent:before {
    content: "\26fa"
}

.glyphicon-blackboard:before {
    content: "\e218"
}

.glyphicon-bed:before {
    content: "\e219"
}

.glyphicon-apple:before {
    content: "\f8ff"
}

.glyphicon-erase:before {
    content: "\e221"
}

.glyphicon-hourglass:before {
    content: "\231b"
}

.glyphicon-lamp:before {
    content: "\e223"
}

.glyphicon-duplicate:before {
    content: "\e224"
}

.glyphicon-piggy-bank:before {
    content: "\e225"
}

.glyphicon-scissors:before {
    content: "\e226"
}

.glyphicon-bitcoin:before {
    content: "\e227"
}

.glyphicon-btc:before {
    content: "\e227"
}

.glyphicon-xbt:before {
    content: "\e227"
}

.glyphicon-yen:before {
    content: "\00a5"
}

.glyphicon-jpy:before {
    content: "\00a5"
}

.glyphicon-ruble:before {
    content: "\20bd"
}

.glyphicon-rub:before {
    content: "\20bd"
}

.glyphicon-scale:before {
    content: "\e230"
}

.glyphicon-ice-lolly:before {
    content: "\e231"
}

.glyphicon-ice-lolly-tasted:before {
    content: "\e232"
}

.glyphicon-education:before {
    content: "\e233"
}

.glyphicon-option-horizontal:before {
    content: "\e234"
}

.glyphicon-option-vertical:before {
    content: "\e235"
}

.glyphicon-menu-hamburger:before {
    content: "\e236"
}

.glyphicon-modal-window:before {
    content: "\e237"
}

.glyphicon-oil:before {
    content: "\e238"
}

.glyphicon-grain:before {
    content: "\e239"
}

.glyphicon-sunglasses:before {
    content: "\e240"
}

.glyphicon-text-size:before {
    content: "\e241"
}

.glyphicon-text-color:before {
    content: "\e242"
}

.glyphicon-text-background:before {
    content: "\e243"
}

.glyphicon-object-align-top:before {
    content: "\e244"
}

.glyphicon-object-align-bottom:before {
    content: "\e245"
}

.glyphicon-object-align-horizontal:before {
    content: "\e246"
}

.glyphicon-object-align-left:before {
    content: "\e247"
}

.glyphicon-object-align-vertical:before {
    content: "\e248"
}

.glyphicon-object-align-right:before {
    content: "\e249"
}

.glyphicon-triangle-right:before {
    content: "\e250"
}

.glyphicon-triangle-left:before {
    content: "\e251"
}

.glyphicon-console:before {
    content: "\e254"
}

.glyphicon-superscript:before {
    content: "\e255"
}

.glyphicon-subscript:before {
    content: "\e256"
}

.glyphicon-menu-left:before {
    content: "\e257"
}

.glyphicon-menu-right:before {
    content: "\e258"
}

.glyphicon-menu-down:before {
    content: "\e259"
}

.glyphicon-menu-up:before {
    content: "\e260"
}

@font-face {
    font-family: 'Glyphicons Halflings';
    src: url(../font/glyphicons-halflings-regular.eot);
    src: url(../font/glyphicons-halflings-regular.eot#iefix) format('embedded-opentype'), url(../font/glyphicons-halflings-regular.woff2) format('woff2'), url(../font/glyphicons-halflings-regular.woff) format('woff'), url(../font/glyphicons-halflings-regular.ttf) format('truetype'), url(http://www.onehome.me/css/glyphicons-halflings-regular.svg#glyphicons_halflingsregular) format('svg')
}

.form-control:focus {
    border-color: #66afe9;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6)
}

.pagination {
    display: inline-block;
    padding-left: 0;
    margin: 20px 0;
    border-radius: 4px
}

.pagination > li {
    display: inline
}

.pagination > li > a, .pagination > li > span {
    position: relative;
    float: left;
    padding: 6px 12px;
    margin-left: -1px;
    line-height: 1.42857143;
    color: #337ab7;
    text-decoration: none;
    background-color: #fff;
    border: 1px solid #ddd
}

.pagination > li:first-child > a, .pagination > li:first-child > span {
    margin-left: 0;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px
}

.pagination > li:last-child > a, .pagination > li:last-child > span {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px
}

.pagination > li > a:focus, .pagination > li > a:hover, .pagination > li > span:focus, .pagination > li > span:hover {
    color: #23527c;
    background-color: #eee;
    border-color: #ddd
}

.pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover {
    z-index: 2;
    color: #fff;
    cursor: default;
    background-color: #337ab7;
    border-color: #337ab7
}

.pagination > .disabled > a, .pagination > .disabled > a:focus, .pagination > .disabled > a:hover, .pagination > .disabled > span, .pagination > .disabled > span:focus, .pagination > .disabled > span:hover {
    color: #777;
    cursor: not-allowed;
    background-color: #fff;
    border-color: #ddd
}

.pagination-lg > li > a, .pagination-lg > li > span {
    padding: 10px 16px;
    font-size: 18px
}

.pagination-lg > li:first-child > a, .pagination-lg > li:first-child > span {
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px
}

.pagination-lg > li:last-child > a, .pagination-lg > li:last-child > span {
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px
}

.pagination-sm > li > a, .pagination-sm > li > span {
    padding: 5px 10px;
    font-size: 12px
}

.pagination-sm > li:first-child > a, .pagination-sm > li:first-child > span {
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px
}

.pagination-sm > li:last-child > a, .pagination-sm > li:last-child > span {
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px
}

.packet-box .form-control {
    width: 140px;
    border-radius: 0;
    height: 30px;
    float: right
}

.packet-box .btn {
    float: right;
    margin-left: 15px;
    padding: 4px 25px;
    border-radius: 0
}

.switch-button {
    padding: 0
}

.packet-box .contentbox {
    width: 100%;
    border: 1px solid #eee;
    overflow: hidden;
    min-height: 480px;
    padding-top: 0;
    padding-bottom: 20px;
    box-sizing: border-box
}

.packet-box .error {
    text-align: right;
    height: 20px;
    line-height: 23px;
    box-sizing: border-box;
    color: red;
    display: none;
    white-space: nowrap
}

.packet-box .topNav {
    height: 50px
}

.packet-box .pagination {
    width: 100%
}

.emptyList {
    width: 200px;
    margin: 0 auto;
    text-align: center
}

.emptyList .nopacketimg {
    width: 62px;
    height: 45px;
    margin: 0 auto;
    background: url(../image/nopacket.png) no-repeat;
    margin-top: 80px
}

.emptyList .warnwordp {
    text-align: center;
    color: #666
}

.packetbox_normal {
    background: url(../image/red.png) no-repeat;
    position: relative
}

.packetbox_gray {
    background: url(../image/gray.png) no-repeat
}

.packetbox_gray, .packetbox_normal {
    width: 220px;
    height: 200px;
    color: #fff;
    text-align: center;
    padding-top: 1px;
    position: relative
}

.packetbox_gray .plimit, .packetbox_normal .plimit {
    color: #666
}

.pmoney {
    margin-top: 18px;
    font-size: 28px
}

.pdeadline {
    margin-top: 18px
}

.plimit {
    text-align: left;
    padding-left: 10px;
    font-size: 12px;
}

.download-box {
    padding: 0;
    margin: 0;
    position: relative;
    height: 644px
}

.download-box .downloagHeaderImg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.download-content {
    height: 600px;
    color: #fff
}

.download-content .content-title {
    margin-top: 116px;
    font-size: 40px
}

.download-content .content-list {
    line-height: 30px;
    margin-top: 18px;
    font-size: 16px;
    list-style: none;
    padding: 0
}

.download-content .content-list .focus {
    font-weight: 700
}

.download-content .show-ipone {
    width: 638px;
    height: 581px
}

.show-ipone img {
    width: 100%;
    height: 100%
}

.marginT86 {
    margin-top: 86px
}

@media (min-width: 1200px) {
    .col-lg-7 .show-ipone {
        margin-left: 21%
    }
}

@media (min-width: 1500px) {
    .col-lg-7 .show-ipone {
        margin-left: 36%
    }
}

.marginT132 {
    margin-top: 132px
}

.download-box .android, .download-box .appstore {
    background: 0 0;
    font-size: 25px;
    color: #fff;
    opacity: 1
}

.download-box .applinkbox {
    display: block;
    float: left;
    border: 1px solid #959595;
    border: 1px solid rgba(255, 255, 255, .9);
    width: 195px;
    height: 46px;
    padding: 2px 5px;
    box-sizing: border-box;
    font-size: 18px;
    background-color: rgba(255, 255, 255, .1);
    color: #fff;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -o-border-radius: 6px;
    -ms-border-radius: 6px
}

.download-box .appstore {
    width: 40px;
    height: 28px;
    display: inline-block;
    background-position: -347px -97px;
    margin-left: 10px;
    vertical-align: middle
}

.download-box .android {
    width: 40px;
    height: 28px;
    display: inline-block;
    background-position: -438px -97px;
    margin-left: 10px;
    vertical-align: middle;
    margin-top: 4px
}

.download-box .mwords {
    display: inline-block;
    height: 35px;
    line-height: 37px;
    font-size: 14px
}

.download-erweima {
    width: 156px;
    height: 156px;
    float: left
}

.download-erweima img {
    width: 156px;
    height: 156px;
    margin: 0
}

.download-icons {
    float: left;
    width: 170px;
    height: 160px;
    margin-left: 25px
}

.marginR35 {
    margin-right: 35px
}

.definegroup {
    width: 106px;
    height: 34px;
    float: left;
    overflow: visible;
    position: relative;
    border: 1px solid #ccc;
    border-radius: 0;
    z-index: 99
}

.defineselectinput[type=text] {
    color: #333;
    width: 100%;
    height: 32px;
    font-size: 14px;
    padding-left: 14px;
    margin: 0;
    border: 0
}

.defineselectbox {
    width: 168px;
    max-height: 300px;
    box-sizing: border-box;
    background: #fff;
    border: 1px solid #ccc;
    position: absolute;
    top: 34px;
    left: 0;
    display: none;
    overflow: auto;
}

.defineselectbox li {
    padding-left: 13px;
    font-size: 14px;
    color: #666;
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    height: 27px;
    line-height: 27px;
    cursor: pointer
}

.defineselectbox li:hover {
    background: #f0f0f0
}

.iconselect {
    display: block;
    position: absolute;
    right: 5px;
    top: 8px;
    width: 20px;
    height: 12px;
    font-size: 14px;
    color: #999;
    text-align: center
}

.paddingT58 {
    padding-top: 58px
}

.paddingT53 {
    padding-top: 53px
}

.paddingB40 {
    padding-bottom: 40px
}
.paddingB80 {
    padding-bottom: 80px
}

.marginT20 {
    margin-top: 20px
}

.marginT36 {
    margin-top: 36px
}

.marginT40 {
    margin-top: 40px
}

.abouttitleimg {
    width: 100%;
    height: 350px
}

.abannerbgbox {
    width: 100%;
    height: 350px;
    overflow: hidden;
    position: relative;
    background: #2f2f2f
}

.bannerbg_1 {
    width: 479px;
    height: 350px;
    position: absolute;
    top: 0;
    left: 0;
    background: url(../image/bannerbg_1.png) no-repeat
}

.bannerbg_2 {
    width: 479px;
    height: 350px;
    position: absolute;
    top: 0;
    right: 0;
    background: url(../image/bannerbg_2.png) no-repeat
}

.bannerbg_main {
    width: 100%;
    height: 350px;
    margin: 0 auto;
    background: url(../image/bannerbg.png) center no-repeat;
    position: absolute;
    top: 0;
    right: 0;
    overflow: hidden;
    z-index: 99
}

.shadowline {
    z-index: 100
}

.shadowline {
    width: 100%;
    height: 48px;
    background: rgba(0, 0, 0, .8);
    position: absolute;
    bottom: 0;
    left: 0
}

.aboutnav {
    padding: 0;
    overflow: hidden;
    margin: 0
}

.aboutnav a {
    float: left;
    display: block;
    width: auto;
    padding: 5px 22px;
    color: #fff;
    cursor: pointer;
    height: 48px;
    line-height: 40px;
    box-sizing: border-box;
    font-size: 16px
}

.aboutnav a.active {
    color: #333;
    background: #fff
}

.abouttitle {
    font-size: 20px;
    font-weight: 400;
    color: #333;
    margin: 0
}

.text-copy p.abouttitle {
    text-indent: 0
}

.paddingL40 {
    padding-left: 40px
}

.marginT57 {
    margin-top: 57px
}

.marginB35 {
    margin-bottom: 35px
}

.marginT53 {
    margin-top: 53px !important
}

.paddingB77 {
    padding-bottom: 74px
}

.marginB60 {
    margin-bottom: 60px
}

.paddingB85 {
    padding-bottom: 85px
}

.aboutus, .linkus, .manual, .privacy, .service {
    color: #333
}

.aboutus p {
    text-indent: 2em;
    margin: 0;
    line-height: 25px
}

.aboutus p.first {
    margin-top: 11px
}

.linkimgs .usimg {
    float: left;
    height: 115px;
    line-height: 115px;
    font-size: 39px;
    color: #666;
    width: 110px;
    text-align: center
}

.linkimgs .chinalink, .linkimgs .himg, .linkimgs .logoimg {
    width: 115px;
    height: 115px;
    background: url(../image/linus.png)
}

.linkimgs .chinalink {
    background-position: -67px -298px
}

.linkimgs .himg {
    background-position: -290px -298px
}

.linkimgs .logoimg {
    background-position: -513px -298px
}

.linkword .usimg {
    float: left;
    text-align: center;
    color: #999;
    font-size: 14px;
    width: 115px;
    line-height: 20px;
    min-height: 1px
}

.linkword .chinalinkword {
    width: 128px
}

.linkus p {
    margin: 0;
    margin-left: 28px;
    line-height: 25px
}

.linkus p.first {
    margin-top: 27px
}

.aboutsutitle {
    font-size: 16px;
    font-weight: 600
}

.erweima {
    float: left;
    width: 167px;
    height: 167px;
    background: url(../image/linus.png)
}

.firstwei {
    background-position: -60px -58px;
    margin-right: 30px
}

.secondwei {
    background-position: -257px -58px
}

.btn.btn-primary.definebtn {
    padding: 0;
    width: 240px;
    display: block;
    height: 60px;
    line-height: 60px;
    font-size: 22px;
    float: none;
    margin: 0 auto
}

.mediaus {
    color: #333
}

.paddingL30 {
    padding-left: 30px
}

.marginT43 {
    margin-top: 43px
}

.marginT17 {
    margin-top: 17px
}

.listgroup {
    border-bottom: 1px dashed !important;
    padding-bottom: 40px !important
}

.listgroup.last {
    border: 0 !important;
    padding-bottom: 0
}

.peopleimg {
    width: 240px;
    height: 170px
}

.paddingR40 {
    padding-right: 40px
}

.mediacontent, .meiatitle {
    line-height: 25px
}

.meiatitle {
    margin-top: 20px;
    margin-bottom: 10px;
    font-size: 16px
}

.mediacontent {
    height: 70px;
    overflow: hidden;
    text-overflow: ellipsis
}

.meiatitle a {
    color: #333
}

.hotlist .hottitle a {
    display: block;
    font-size: 15px;
    color: #666;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.mediatime {
    color: #999;
    float: left;
    width: 94px
}

.otherimg {
    width: 100px;
    float: left
}

.paddingB160 {
    padding-bottom: 160px
}

.otherimg img {
    width: 74px;
    height: 16px
}

.detailstitle {
    font-size: 40px;
    font-weight: 700;
    color: #484848
}

.detailsubstitle {
    font-size: 12px;
    color: #666;
    padding-bottom: 10px;
    border-bottom: 1px dashed #ccc
}

.detailsubstitle .colorred {
    width: 115px;
    float: left
}

.detailsubstitle .time {
    width: 193px;
    float: left
}

.detailsubstitle .editor {
    width: 200px;
    float: left
}

.paddingL120 {
    padding-left: 120px
}

.hottitle {
    line-height: 26px
}

.hotmedia {
    padding-bottom: 10px;
    font-size: 14px;
    font-weight: 700;
    color: #666;
    border-bottom: 1px dashed #ccc;
    margin-bottom: 12px
}

.textindent {
    text-indent: 2em
}

.textindent p {
    margin: 0;
    line-height: 26px
}

.paddingT58 {
    padding-top: 58px
}

.textindent p.privacytitle {
    color: #333;
    font-weight: 400;
    font-size: 20px;
    margin-top: 48px;
    margin-bottom: 14px;
    text-indent: 0
}

.paddingB72 {
    padding-bottom: 72px
}

.historyimgbox {
    max-width: 1468px;
    margin: 0 auto;
    overflow: hidden
}

.historyimg {
    max-width: 100%;
    width: auto;
    height: auto
}

.historytitle {
    font-size: 45px;
    font-weight: 700;
    color: #484848;
    margin-top: 70px;
    padding-right: 40px;
    line-height: 64px
}

.storysubtitle {
    font-size: 12px;
    font-weight: 700;
    color: #666
}

.paddingL144 {
    padding-left: 144px
}

.linedash {
    width: 60px;
    height: 1px;
    border-bottom: 1px dashed #ccc;
    margin-top: 20px;
    margin-bottom: 35px
}

.paddingL120 {
    padding-left: 120px
}

.morebox {
    width: 280px;
    box-sizing: content-box
}

.morehistory {
    font-size: 14px;
    font-weight: 700;
    color: #666;
    margin-bottom: 30px
}

.moreimg img {
    width: 280px;
    height: 204px;
    margin-bottom: 18px
}

.morertitle {
    font-size: 15px;
    font-weight: 700;
    color: #484848;
    line-height: 20px
}

.tooltip.tooltip-top-right.dropdown-menu.list-unstyled.header-dropdown {
    border: 1px solid #ccc
}

.fixedset {
    position: fixed;
    top: 20px
}

.fixstory {
    position: fixed;
    top: 25px;
    z-index: 99
}

.infobox.cancelOrder {
    height: inherit;
    min-height: 285px
}

.cancelPadd {
    padding: 8px 35px
}

.cancelMess {
    width: 100%;
    height: 120px;
    margin-top: 20px;
    display: none;
    border: 1px solid #c4c4c4;
}

.fl {
    float: left
}

.fr {
    float: right
}

.hide {
    display: none
}

.keyword_input {
    transition: all .5s ease-out 0s
}

.keyword_input:focus {
    background-color: #FFEDE5
}

.paddingLRHeader20 {
    padding-left: 20px;
    padding-right: 20px
}

i {
    font-style: normal
}

.interval {
    height: 1.5rem;
    background: #f5f5f5;
    margin: 0 -3%
}

.clearfix:after, .clearfix:before {
    content: " ";
    display: table
}

.clearfix:after {
    clear: both
}

.scenic-detail-box .newscenic-title-addPad {
    padding-bottom: .8rem
}

.scenic-detail-box .scenic-title {
    font-size: 20px;
    text-align: center;
    margin: 20px auto 10px;
    color: #ccc
}

.scenic-detail-box .newscenic-title {
    text-align: left;
    line-height: 4.4rem;
    padding-top: .8rem;
    display: inline-block;
    width: 180px
}

.scenic-detail-box .main-img {
    width: 1180px;
    height: 440px;
    position: relative;
    overflow: hidden;
    margin: auto
}

.main-img img {
    width: 100%;
    height: 440px
}

.swiper-container .swiper-pagination {
    position: absolute;
    bottom: 17px;
    font-size: 18px;
    color: #fff;
    left: 0;
    width: 100%;
    height: 24px;
    line-height: 24px;
    z-index: 11;
    text-align: center;
    font-family: Helvetica, 'Microsoft Sans Serif', Arial, Verdana
}

.scenic-detail-box .new-content {
    width: 100%
}

.goHere {
    height: 22px;
    padding: 0 10px;
    border: 1px solid #328dea;
    border-radius: 2px;
    font-size: 14px;
    line-height: 22px;
    color: #328dea;
    display: inline-block;
    margin-left: 50px
}

.goHere i:before {
    font-family: fontello;
    content: '\e82d'
}

.goHere img {
    width: 12px;
    margin: 4px 5px 0 10px
}

.scenic-detail-box .cont-width {
    width: 94%;
    margin: 0 auto
}

.address-title {
    margin-top: 68px;
    line-height: 44px;
    font-size: 44px;
    color: #333;
    height: 44px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: inline-block
}

.forCity {
    height: 30px;
    font-size: 20px;
    line-height: 34px;
    color: #333;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: inline-block;
    margin-left: 22px
}

.scenic-grade-par {
    margin-top: 2px
}

.scenic-detail-box .newscenic-grade {
    text-align: left;
    display: inline-block
}

.scenic-detail-box .scenic-grade {
    text-align: center;
    height: 14px
}

.scenic-detail-box .scenic-grade .grade-img {
    width: 110px;
    height: 1px;
    display: inline-block;
    position: relative;
    margin: 5px 0
}

.scenic-detail-box .scenic-grade .grade-img img {
    position: absolute;
    width: 110px;
    left: 0;
    bottom: -7px
}

.scenic-detail-box .scenic-grade span {
    color: #ff9500;
    font-size: 1.4rem;
    line-height: 1.4rem;
    font-family: Helvetica, 'Microsoft Sans Serif', Arial, Verdana
}

.scenic-detail-box .scenic-ranking {
    color: #8C8C8C;
    font-size: 14px;
    text-align: center;
    margin: 10px 0 25px 0
}

.scenic-detail-box .scenic-ranking span {
    color: #FF6766;
    font-family: Helvetica, 'Microsoft Sans Serif', Arial, Verdana
}

.scenic-detail-box .newscenic-heng {
    margin: 2rem auto
}

.scenic-detail-box .newscenic-ranking {
    text-align: left;
    display: inline-block;
    margin-left: 16px;
    margin-top: 6px;
    margin-bottom: 40px;
    font-family: Helvetica, 'Microsoft Sans Serif', Arial, Verdana
}

.scenic-detail-box .scenic-introduce, .scenic-detail-box .scenic-introduce-box {
    color: #666;
    display: block;
    line-height: 24px;
    overflow: hidden
}

.scenic-detail-box .scenic-introduce-box {
    height: 130px;
    color: #666;
    overflow: hidden;
    font-family: Helvetica, 'Microsoft Sans Serif', Arial, Verdana
}

.scenic-detail-box .scenic-introduce-box .scenic-introduce-detail {
    font-size: 16px;
    display: inline-block;
    line-height: 26px
}

.scenic-detail-box .scenic-look-more {
    text-align: center;
    font-family: fontello
}

.scenic-detail-box .scenic-look-newmore {
    height: 34px;
    text-align: left;
    color: #f84340;
    font-size: 14px;
    line-height: 34px
}

.scenic-detail-box .scenic-look-newmore em {
    margin-left: 6px;
    position: relative;
    top: 2px;
    font-size: 12px
}

.scenic-detail-box .scenic-look-more img {
    width: 1.2rem;
    margin: -.2rem 0 0 .4rem
}

.scenic-heng {
    width: 100%;
    height: 1px;
    border-bottom: 1px solid #dcdcdc;
    margin: 1.2rem 0
}

.scenic-detail-box .scenic-h3 {
    font-size: 20px;
    margin: 10px auto 6px
}

.scenic-detail-box .newInfor .scenic-h3 {
    color: #ccc;
    font-weight: 700;
    float: left;
    line-height: 24px;
    width: 180px
}

.scenic-detail-box .newInfor pre {
    font-family: Helvetica, 'Microsoft Sans Serif', Arial, Verdana;
    border: none;
    float: left;
    font-size: 16px;
    color: #666;
    margin: 0;
    width: 80%;
    padding-top: 14px;
    background: 0 0
}

.scenic-detail-box .newInfor {
    padding: .45rem 0;
    color: #8C8C8C;
    font-size: 1.4rem;
    line-height: 2.2rem;
    overflow: hidden
}

.newInfor-par {
    padding-top: 1rem
}

pre {
    word-break: break-all;
    word-wrap: break-word
}

.shoppingCont {
    min-height: 3.3rem;
    padding-top: 1.1rem;
    position: relative
}

.shoppingCont label {
    font-size: 20px;
    margin: 10px auto 6px;
    color: #ccc;
    font-weight: 700;
    float: left;
    line-height: 24px;
    width: 180px
}

.shoppingCont a, .shoppingCont span {
    margin-top: 10px;
    float: left;
    line-height: 30px;
    font-size: 14px;
    color: #8c8c8c;
    width: 80%
}

.shoppingCont .route-info {
    margin-top: 8px;
    width: 80%;
    overflow: hidden
}

.shoppingCont .contact-info {
    color: #328ee8
}

.shoppingCont .upDownIcon {
    position: absolute;
    right: 0;
    top: 2rem;
    width: 1.1rem;
    height: .6rem;
    background: url(../image/check-infor-2.png) no-repeat;
    background-size: contain
}

.fineFood-more {
    height: 3.8rem;
    text-align: left;
    margin: .5rem auto 0;
    color: #328ee8;
    line-height: 2.4rem;
    font-size: 1.4rem
}

.shoppingCont-heng {
    width: 103%;
    margin: 0 -3% 0 0
}

.find-banner {
    position: relative;
    height: 440px
}

.find-banner-list {
    position: relative
}

.find-banner-list .active {
    opacity: 1;
    filter: alpha(opacity=100);
    z-index: 10
}

.find-banner-li {
    position: absolute;
    width: 100%;
    z-index: 9;
    opacity: 0;
    filter: alpha(opacity=0)
}

em {
    font-style: normal
}

li {
    list-style: none
}

.iconList {
    position: absolute;
    right: 178px;
    top: 10px;
    height: 34px;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -o-border-radius: 4px;
    -ms-border-radius: 4px;
    box-shadow: 0 1px 3px #ccc;
    -webkit-box-shadow: 0 1px 3px #ccc;
    -moz-box-shadow: 0 1px 3px #ccc;
    -o-box-shadow: 0 1px 3px #ccc;
    overflow: hidden;
    z-index: 9
}

.iconList a {
    background: #fff;
    font-family: fontello;
    width: 35px;
    height: 34px;
    float: left;
    line-height: 34px;
    text-align: center;
    font-size: 18px;
    color: #999;
    border-right: 1px solid #e6e6e6
}

.iconList .trafficIcon:before {
    content: '\e830'
}

.iconList .scenicIcon:before {
    content: '\e832'
}

.iconList .FineFoodIcon:before {
    content: '\e831'
}

.iconList .shoppingIcon:before {
    content: '\e82f'
}

.iconList .active {
    color: #333
}

.houseIcon {
    position: absolute;
    right: 88px;
    top: 10px;
    z-index: 9;
    background: #fff;
    font-family: fontello;
    width: 35px;
    height: 34px;
    float: left;
    line-height: 34px;
    text-align: center;
    font-size: 18px;
    color: #999;
    border-right: 1px solid #e6e6e6;
    border-radius: 4px;
    margin-left: 10px;
    opacity: 0;
}

.houseIcon:hover {
    color: #000
}

.houseShow {
    opacity: 1;
    filter: alpha(opacity=100)
}

.outerIconList {
    opacity: 0;
    filter: alpha(opacity=0);
    position: absolute;
    right: 20px;
    top: 10px;
    height: 34px
}

.outerIconList a {
    width: 35px;
    height: 34px;
    float: left;
    line-height: 34px;
    text-align: center;
    font-size: 18px;
    color: #999
}

.scenicTips {
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -o-border-radius: 4px;
    -ms-border-radius: 4px;
    background: #fff
}

.scenicTips .tipCorner {
    width: 11px;
    height: 15px;
    position: absolute;
    top: 10px;
    right: -10px;
    background: url(../image/tipCorner.png) no-repeat
}

.bot-about {
    padding: 19px;
    width: 290px;
    height: 100px;
    background-color: #fff;
    font-family: '微软雅黑', PingFangSC-Regular, 'Helvetica Neue', Helvetica, Arial, sans-serif
}

.bot-about .main-img {
    float: left;
    width: 100px;
    height: 62px
}

.bot-about .cont-onmap {
    margin-left: 10px;
    float: left;
    width: 56%
}

.bot-about .scenic-title {
    font-size: 18px;
    line-height: 24px;
    height: 24px;
    color: #333;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.bot-about .scenic-grade {
    height: 14px
}

.bot-about .scenic-grade .grade-img {
    width: 90px;
    height: 1px;
    display: inline-block;
    position: relative;
    margin: .5rem 0
}

.bot-about .scenic-grade .grade-img img {
    position: absolute;
    width: 90px;
    left: 0;
    bottom: -8px
}

.bot-about .scenic-grade span {
    color: #ff9500;
    font-size: 14px;
    line-height: 14px;
    font-family: Helvetica, 'Microsoft Sans Serif', Arial, Verdana;
    margin-left: 4px
}

.bot-about .scenic-ranking {
    color: #666;
    height: 22px;
    line-height: 30px;
    overflow: hidden;
    font-size: 14px
}

.bot-about .scenic-ranking span {
    font-family: Helvetica, 'Microsoft Sans Serif', Arial, Verdana;
    color: #666
}

.btnParent {
    height: 29px;
    border-top: 1px solid #e6e6e6;
    line-height: 30px;
    overflow: hidden
}

.btnParent em {
    float: left;
    width: 1px;
    height: 20px;
    background: #d8d8d8;
    margin-top: 4px
}

.btnParent a {
    float: left;
    color: #328ee8;
    font-size: 14px;
    width: 49%;
    text-align: center
}

.btnParent a i {
    margin-right: 6px
}

.siteCont {
    padding: 14px 10px;
    width: 170px
}

.tipCorner {
    width: 11px;
    height: 15px;
    position: absolute;
    top: 10px;
    right: -10px;
    background: url(../image/tipCorner.png) no-repeat
}

.siteName {
    font-size: 18px;
    line-height: 26px;
    color: #333;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.siteType {
    font-size: 14px;
    line-height: 24px;
    color: #328ee8
}

.textDescribe {
    font-size: 14px;
    line-height: 22px;
    color: #999
}

.btnParentSite {
    border: none;
    padding-top: 15px;
    height: 41px
}

.goHereBtnSite {
    border: 1px solid #328ee8;
    height: 26px;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -o-border-radius: 2px;
    -ms-border-radius: 2px;
    line-height: 26px;
    padding: 5px 10px;
    color: #328ee8
}

.trafficSiteTips {
    background: #fff
}

.leftNav {
    position: relative;
    top: -1px;
    width: 410px;
    background: #fff;
    z-index: 10;
    box-shadow: 2px 0 3px #ccc;
    -webkit-box-shadow: 2px 0 3px #ccc;
    -moz-box-shadow: 2px 0 3px #ccc;
    -o-box-shadow: 2px 0 3px #ccc;
    font-family: fontello;
    display: block;
    float: left;
    height: 100%
}

.rightSection {
    position: relative;
    height: 100%;
    overflow: hidden
}

.trafficType {
    height: 140px;
    background: #328ee8
}

.trafficTypeList {
    height: 65px;
    padding-left: 54px
}

.trafficTypeList a {
    float: left;
    line-height: 65px;
    width: 96px;
    text-align: center;
    font-size: 30px;
    color: #fff;
    opacity: .5;
    filter: alpha(opacity=50)
}

.trafficTypeList .active {
    opacity: 1;
    filter: alpha(opacity=100)
}

.shrinkBtn {
    position: absolute;
    top: 48px;
    right: -22px;
    width: 22px;
    height: 48px;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -o-border-radius: 2px;
    -ms-border-radius: 2px;
    background: #fff;
    box-shadow: 0 2px 3px #ccc;
    -webkit-box-shadow: 0 2px 3px #ccc;
    -moz-box-shadow: 0 2px 3px #ccc;
    -o-box-shadow: 0 2px 3px #ccc;
    line-height: 48px;
    font-size: 12px;
    text-align: center;
    color: #666;
    cursor: pointer
}

.trafficLineList {
    padding: 10px 10px 50px 10px;
    height: 80%;
    overflow-y: auto
}

.trafficLineList li {
    border: 1px solid #dcdcdc;
    margin-bottom: 10px
}

.trafficLineList li .lineOpenState {
    background: #ebf3ff
}

.trafficLineList .openState {
    display: block
}

.trafficLineList .dataNoLine {
    height: 258px;
    padding-top: 198px;
    line-height: 60px;
    text-align: center;
    font-size: 26px;
    border: none;
    color: #999;
    background: url(../image/line-data-no.png) no-repeat center 30px
}

.lineList {
    overflow: hidden;
    height: 0
}

.lineList .lineListPad {
    border-top: 1px solid #dcdcdc;
    padding: 14px
}

.trafficLineInfo {
    padding: 14px;
    position: relative
}

.trafficLineInfo .trafficLineTit {
    display: block;
    line-height: 26px;
    font-size: 16px;
    color: #333
}

.trafficLineInfo .trafficLineCont {
    display: block;
    line-height: 24px;
    font-size: 14px;
    height: 24px;
    color: #8c8c8c;
    width: 326px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.trafficLineInfo em {
    position: absolute;
    right: 15px;
    top: 49px;
    width: 13px;
    height: 13px;
    font-size: 12px;
    color: #328ee8;
    cursor: pointer
}

.distancePlace em {
    float: left;
    width: 50px;
    text-align: center;
    line-height: 76px;
    font-size: 16px;
    color: #fff;
    cursor: pointer
}

.distancePlace .distanceCont {
    float: left
}

.distancePlace .distanceCont i {
    float: left;
    width: 18px;
    height: 36px;
    line-height: 36px;
    color: #fff;
    font-size: 12px
}

.distancePlace .distanceCont span {
    float: left;
    width: 330px;
    height: 35px;
    font-size: 14px;
    color: #fff;
    line-height: 35px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.distancePlace .distanceCont .startPlace {
    border-bottom: 1px solid #84bbf1
}

.distancePlace .distanceCont .endPlace i {
    font-size: 14px
}

.lineEndTit, .lineStartTit {
    font-size: 12px;
    color: #333;
    line-height: 22px
}

.lineEndTit i, .lineStartTit i {
    color: #328ee8;
    margin-right: 10px
}

.lineListInfo {
    padding-left: 22px
}

.lineListInfo li {
    border: none;
    font-size: 12px;
    color: #999;
    line-height: 22px;
    margin: 0
}

.lineListInfo li em {
    float: right
}

.lineListInfo li span {
    float: left;
    width: 80%;
    height: 22px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.customPoint {
    font-family: fontello;
    position: absolute;
    z-index: 11;
    width: 28px;
    height: 40px;
    left: -14px;
    top: -40px;
    z-index: 999999
}

.customPoint .pointImg {
    width: 100%;
    height: 100%
}

.customPoint .showInfo {
    z-index: 999999;
    position: absolute;
    top: 0
}

#line-content {
    display: none
}

#line-content .adp-directions {
    display: none
}

.mapSatellite {
    position: absolute;
    right: 78px;
    top: 90px;
    height: 34px;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -o-border-radius: 4px;
    -ms-border-radius: 4px;
    box-shadow: 0 1px 3px #ccc;
    -webkit-box-shadow: 0 1px 3px #ccc;
    -moz-box-shadow: 0 1px 3px #ccc;
    -o-box-shadow: 0 1px 3px #ccc;
    overflow: hidden;
    z-index: 9
}

.mapSatellite a {
    background: #fff;
    float: left;
    line-height: 34px;
    text-align: center;
    color: #999;
    font-size: 12px;
    padding: 0 8px
}

.mapSatellite .defaultIcon {
    height: 34px;
    border-right: 1px solid #e6e6e6;
    color: #333
}

.meterPar {
    display: none;
    position: absolute;
    z-index: 10;
    margin-left: -231px;
    left: 0;
    top: 24px;
    width: 368px;
    height: 452px;
    border: 1px solid #cbcbcb;
    padding-top: 33px;
    background: #fff
}

.meterPar em {
    position: absolute;
    right: 54px;
    top: -14px;
    width: 24px;
    height: 14px;
    background: url(../image/meterIcon.png) no-repeat
}

.meterImgPar {
    padding: 0 33px
}

.meterImg {
    width: 300px;
    height: 338px;
    position: relative;
    background: url(../image/meterimg.png) no-repeat
}

.meterImg img {
    width: 100%;
    height: 100%
}

.pointer {
    position: absolute;
    top: 0;
    left: 139px;
    width: 22px;
    height: 150px;
    transform: rotate(-108deg);
    transform-origin: 50% 100%;
    -ms-transform: rotate(-108deg);
    -ms-transform-origin: 50% 100%;
    -webkit-transform: rotate(-108deg);
    -webkit-transform-origin: 50% 100%;
    -moz-transform: rotate(-108deg);
    -moz-transform-origin: 50% 100%;
    -o-transform: rotate(-108deg);
    -o-transform-origin: 50% 100%
}

.pointer em {
    position: absolute;
    left: 0;
    top: -8px;
    width: 22px;
    height: 17px;
    background: url(../image/pointimg.png) no-repeat
}

.branchCont {
    position: absolute;
    top: 92px;
    left: 0;
    height: 132px;
    width: 100%;
    text-align: center;
    color: #00bfa9
}

.branchTit {
    font-size: 18px;
    line-height: 30px
}

.branchNum {
    font-size: 46px;
    line-height: 58px
}

.branchGrade {
    font-size: 26px;
    line-height: 38px
}

.branchText {
    font-size: 14px;
    color: #333;
    line-height: 20px;
    padding: 22px 30px 0;
    text-align: left
}

.meterTip {
    height: 81px;
    background: #00bfa9;
    padding: 20px 36px 0
}

.meterTip span {
    display: block;
    text-align: center;
    font-size: 16px;
    color: #fff;
    line-height: 20px
}

.gm-style-cc {
    display: none
}

.feed-back-icon:before {
    font-style: normal;
    font-weight: 400;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    margin-right: 0;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    margin-left: 0;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.feed-back-icon {
    color: grey;
    text-align: center
}

.feed-back-close-icon {
    position: absolute;
    right: 20px;
    top: 20px;
    font-size: 20px
}

.feed-back-close-icon:before {
    content: '\e84b'
}

.feed-back-failed-icon, .feed-back-success-icon {
    font-size: 31px;
    margin-right: 9px;
    color: #f84340
}

.feed-back-success-icon:before {
    content: '\e847'
}

.feed-back-failed-icon:before {
    content: '\e848'
}

#feed-back-text {
    background: #fff;
    border: 1px solid #c7c7c7;
    width: 974px;
    height: 280px;
    resize: none;
    padding: 20px;
    font-size: 14px;
    zoom: 1;
    clear: both;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0
}

#feed-back-contact {
    background: #fff;
    border: 1px solid #c7c7c7;
    width: 974px;
    height: 38px;
    margin-top: 20px;
    resize: none;
    padding: 11px 21px;
    font-size: 14px;
    line-height: 14px;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0
}

.feed-back-button {
    background: #ff6766;
    width: 200px;
    height: 42px;
    font-size: 16px;
    color: #fff;
    text-align: center;
    margin-top: 30px;
    float: left
}

.feed-back-error {
    font-size: 14px;
    color: #f84340;
    letter-spacing: 0;
    line-height: 14px;
    text-align: justify;
    margin-top: 14px;
    float: left
}

#failedBox, #successBox {
    background: #fff;
    border-radius: 5px;
    width: 420px;
    height: 221px
}

.successBoxTitle {
    margin: 60px auto 0 auto;
    line-height: 31px;
    text-align: center;
    font-size: 22px;
    color: #f84340
}

#successBox .successBoxTitle img {
    height: 31px;
    width: 31px;
    margin-right: 9px
}

.infoboxBoxContent {
    margin: 18px auto 0 auto;
    font-size: 16px;
    color: #828488;
    line-height: 26px;
    text-align: center;
    width: 192px;
    height: 52px
}

.feedBackTextArea {
    position: relative;
    float: left
}

.countWordsArea {
    position: absolute;
    bottom: 11px;
    right: 19px;
    font-size: 14px;
    color: #999;
    letter-spacing: 0;
    text-align: left
}

.marginB20 {
    margin-bottom: 20px
}
.marginB25 {
    margin-bottom: 25px
}

.marginB30 {
    margin-bottom: 30px
}

.marginT8 {
    margin-top: 8px
}

.give-insurance-form {
    float: left;
    border-radius: 0;
    border: 1px solid #c7c7c7;
    width: 188px;
    height: 30px;
    margin-top: 8px;
    margin-bottom: 6px
}

.give-insurance .where-city select {
    height: 32px;
    border-radius: 0;
    margin-top: 8px;
    margin-bottom: 6px;
    float: left;
    margin-right: 20px
}

.give-insurance-info-errow {
    color: #F84340;
    font-size: 12px;
    line-height: 12px;
    float: left
}

.give-insurance-tips {
    position: absolute;
    top: -48px;
    left: 90px;
    font-size: 12px;
    color: #767676;
}

.marginB12 {
    margin-bottom: 12px
}

.inputgroup .norightborder[type=text] {
    height: 28px !important;
    border: 0;
    margin: 0
}

.leftgroup {
    width: 33% !important;
    float: left;
    border: 0
}

.login-control {
    background: #fff !important;
    margin-bottom: 0;
    box-shadow: none;
}

.inputgroup .spliter {
    float: right;
    box-sizing: border-box;
    display: block;
    width: 7px;
    height: 23px;
    background: url(../image/line.png)
}

.inputgroup .form-control.noleftborder {
    border: 0;
    height: 28px !important;
    outline: 0
}

.login-control {
    background: #fff !important;
    margin-bottom: 0
}

.give-insurance .marginB20 img {
    width: 20px;
    height: 20px
}

.paddingB28 {
    padding-bottom: 28px
}

.paddingB17 {
    padding-bottom: 17px
}

.paddingB15 {
    padding-bottom: 15px
}

.paddingB12 {
    padding-bottom: 12px
}

.paddingB20 {
    padding-bottom: 20px
}

.paddingB22 {
    padding-bottom: 22px
}

.marginR10 {
    margin-right: 10px
}

.marginT13 {
    margin-top: 13px
}

.marginT25 {
    margin-top: 25px
}

.marginB5 {
    margin-bottom: 5px
}

.marginT92 {
    margin-top: 92px
}

.marginT35 {
    margin-top: 35px
}

.narrow {
    background: #fff
}

.order-progress-bar {
    height: 146px;
    text-align: center;
    border: 0
}

.order-progress-bar .order-progress-img {
    margin: 40px auto 0 auto;
    width: 682px;
    height: 28px;
    background: url(../image/order.png) no-repeat
}

.order-progress-bar .order-progress-0 {
    background-position: -10px -11px
}

.order-progress-bar .order-progress-1 {
    background-position: -10px -61px
}

.order-progress-bar .order-progress-2 {
    background-position: -10px -111px
}

.order-progress-bar .order-progress-3 {
    background-position: -10px -160px
}

.order-progress-bar .order-progress-4 {
    background-position: -10px -210px
}

.locking-gray {
    color: #A0A0A0
}

.order-progress-bar .order-progress-descript-box .order-progress-descript {
    width: 165px;
    float: left;
    font-weight: 700
}

.order-progress-bar .order-progress-descript-box .true {
    color: #383C3E
}

.order-progress-bar .order-progress-descript-box .false {
    color: #A0A0A0
}

.order-progress-bar .order-progress-descript-box .order-progress-descript .time {
    font-weight: 400;
    color: #A0A0A0
}

.consumption .title {
    color: #2d2d2d;
    font-size: 20px;
    font-weight: bold;
    line-height: 1;
    float: left;
}

.consumption .subtitle {
    color: #333;
    line-height: 34px
}

.consumption .checkins, .consumption .checkouts {
    width: 106px;
    float: left;
    border-radius: 0
}

.linec {
    box-sizing: border-box;
    margin-left: 13px;
    margin-right: 13px;
    display: block;
    width: 40px;
    height: 1px;
    float: left;
    border-bottom: 1px solid #ccc;
    margin-top: 18px
}

.morepeople {
    display: block;
    float: left;
    width: auto;
    height: 34px;
    line-height: 34px
}

.consumption .borderB {
    border-bottom: 1px solid #ccc
}

.consumption .borderDottB {
    border-bottom: 1px dashed #ccc
}

.consumption .widthauto {
    float: left;
    width: auto
}

.consumption textarea.form-control {
    margin: 0;
    width: 541px;
    height: 93px;
    border-radius: 0;
    text-align: left
}

.consumption .defineselectbox {
    width: 106px
}

.alreadyreduice {
    color: red;
    text-align: right
}

.moneynum {
    text-align: right
}

.btn {
    font-family: "微软雅黑", PingFangSC-Regular, "Helvetica Neue", Helvetica, Arial, sans-serif
}

.servicesbox {
    color: #666;
}

.showAllicon {
    font-size: 20px
}

.consumption-left {
    padding-right: 0;
    width: 375px
}

.consumption_rbox {
    border: 0
}

.borderd5 {
    border: 1px solid #d5d5d5
}

.borderLRd5 {
    border-left: 1px solid #d5d5d5;
    border-right: 1px solid #d5d5d5
}

.borderBd5 {
    border-bottom: 1px solid #d5d5d5
}

.showpriceBox {
    background: #fafafa
}

.boximage {
    height: 46px;
    background: url(../image/box.png) no-repeat
}

.consumption-left .room-infor .mainUrl img {
    width: 100%
}

img {
    vertical-align: middle
}

.airserviceGroup .buyer_currency_symbol, .airserviceGroup .checkbox, .airserviceGroup .money, .airserviceGroup .selected, .optionparent .radiochecked, .optionparent .radiouncheck, .optionparent span, .servicesbox .checkbox, .servicesbox .selected, .servicesbox span {
    vertical-align: middle
}

.servicesbox span {
    vertical-align: inherit;
}

.consumption-left .infor .title, .consumption-left .room-infor .infor .title {
    font-size: 20px;
    color: #333;
    font-weight: normal;
}

.money-red {
    color: red !important
}

.checkbox, .selected {
    display: inline-block;
    width: 18px;
    height: 18px
}

img.selected {
    display: none
}

.slidedown, .slideup {
    display: inline-block;
    width: 16px;
    height: 9px;
    margin-left: 20px;
    margin-top: -4px
}

.slideup {
    display: none;
    width: 16px;
    margin-left: 16px
}

.airservice {
    display: none
}

.radiochecked, .radiouncheck {
    width: 19px;
    height: 19px;
    margin-right: 10px
}

.packetbox_normal .radiochecked {
    position: absolute;
    right: 7px;
    top: 7px;
    margin: 0
}

.radiochecked {
    display: none
}

.consumption .packetbox_normal {
    cursor: pointer
}

.detail-owner .owner-box .priceList tr td:last-child {
    text-align: right
}

.ctable > tbody > tr.active {
    background-color: #f5f5f5
}

.ctable {
    width: 100%;
    padding: 0;
    margin: 0;
    border: 0
}

.ctable > tbody > tr > td, .ctable > tbody > tr > th, .ctable > tfoot > tr > td, .ctable > tfoot > tr > th, .ctable > thead > tr > td, .ctable > thead > tr > th {
    margin: 0;
    border: 0;
    padding: 8px;
    line-height: 1.42857143;
    vertical-align: top;
    font-size: 14px
}

#book_it_disabled_message {
    color: red
}

.bgf {
    background: #fff
}

.consumsuccess {
    color: #666;
    font-size: 16px;
    line-height: 25px
}

.successtitle {
    font-size: 20px;
    color: #555
}

.successicon {
    width: 50px;
    height: 50px;
    background: url(../image/consumsuccess.png) no-repeat;
    float: left;
    margin-right: 15px
}

.successword {
    height: 50px;
    line-height: 46px;
    font-size: 36px;
    color: #3EB3C0
}

.paddingLR100 {
    padding-left: 100px !important;
    padding-right: 100px !important
}

.borderB {
    border-bottom: 1px solid #ccc
}

.borderDottB {
    border-bottom: 1px dashed #ccc
}

.marginR30 {
    margin-right: 30px
}

.colorred {
    color: #f84340
}

.paddingLR30 {
    padding-left: 30px !important;
    padding-right: 30px !important
}

.marginR25 {
    margin-right: 25px
}

.paddingB80 {
    padding-bottom: 80px
}

.marginT45 {
    margin-top: 45px
}

.consumption textarea {
    font-size: 14px
}

.exclamatory-mark-svg {
    float: left;
    font-size: 20px;
    margin-right: 9px;
    color: #A6A8AC;
    display: block;
    /*position: absolute;*/
    /*left: 227px;*/
    /*left: 0;*/
    /*top: 0;*/
}

.exclamatory-mark-svg:before {
    content: '\e850'
}

.insurance-tips {
    display: none;
    background: #fff;
    border: 1px solid #979797;
    width: 439px;
    height: 424px;
    position: absolute;
    z-index: 1994;
    left: 213px;
    top: 12px
}

.insurance-tips-content {
    padding: 15px
}

.insurance-tips p {
    color: #333;
    font-size: 14px
}

.main .detail-box .paddingCorrectFor {
    padding: 40px
}

.creditRightStytle {
    font-size: 14px;
    color: #F84340;
    margin: auto
}

.Zhima-Credit-icon:before {
    font-style: normal;
    font-weight: 400;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    margin-right: 0;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    margin-left: 0;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.Zhima-Credit-icon {
    color: #3eb3c0;
    text-align: center
}

.Credit-Success {
    position: absolute;
    top: 42px;
    right: 44px
}

#Zhima-Credit-icon0 {
    font-size: 20px;
    color: #3eb3c0
}

#Zhima-Credit-icon0:before {
    content: '\e840'
}

.Zhima-Credit-icon2 {
    font-size: 40px;
    color: #3eb3c0;
    margin: 0 auto 7px auto;
    display: block
}

.Zhima-Credit-icon2:before {
    content: '\e841'
}

#Credit-icon {
    font-size: 20px;
    color: #3eb3c0
}

#Credit-icon:before {
    content: '\e84c'
}

.Credit-Title, .Zhima-Credit-Title {
    font-size: 18px;
    color: #333;
    letter-spacing: -.44px;
    line-height: 24px;
    text-align: left;
    margin-bottom: 21px;
    float: left;
    margin-right: 16px
}

.Credit-Status1, .Zhima-Credit-Status1 {
    font-size: 14px;
    color: #f84340;
    letter-spacing: -.34px;
    line-height: 24px;
    text-align: left;
    float: left;
    cursor: pointer
}

.Credit-Status1:hover, .Zhima-Credit-Status1:hover {
    color: #BA0300;
    text-decoration: underline
}

.Credit-Status2, .Zhima-Credit-Status2 {
    font-size: 14px;
    letter-spacing: -.34px;
    line-height: 24px;
    text-align: left;
    float: left;
    color: #3eb3c0
}

.Zhima-Credit-Describe {
    font-size: 14px;
    color: #666;
    letter-spacing: 0;
    line-height: 14px;
    text-align: left;
    display: block;
    height: 14px;
    margin-right: 10px;
    float: left
}

.Zhima-Credit-Link {
    font-size: 14px;
    color: #477b9e;
    letter-spacing: 0;
    line-height: 14px;
    text-align: left;
    display: block;
    width: 112px;
    height: 14px;
    float: left
}

#Credit-All, .Zhima-Credit-All {
    display: none
}

.marginT38 {
    margin-top: 38px
}

.Zhima-Credit-Success {
    position: absolute;
    right: 20px;
    top: 31px
}

.Zhima-Credit-Success-Describe {
    font-size: 12px;
    color: #3eb3c0;
    letter-spacing: -.29px;
    line-height: 12px;
    text-align: center;
    margin-bottom: 14px
}

.Zhima-Credit-Success .Zhima-Credit-Success-Points {
    font-size: 12px;
    color: #f84340;
    letter-spacing: -.29px;
    line-height: 12px;
    text-align: center;
    position: relative
}

.Zhima-identity-card {
    font-size: 23px;
    margin-right: 9px;
    color: #3eb3c0;
    float: left
}

.Zhima-identity-card:before {
    content: '\e840'
}

.Zhima-dentity1 {
    padding: 0 15px
}

.Zhima-dentity-words {
    font-size: 14px;
    color: #999;
    line-height: 23px;
    text-align: left
}

.Zhima-marks {
    color: #3eb3c0;
    font-size: 14px;
    float: left;
    line-height: 23px;
    margin-right: 9px
}

.authenticationList {
    padding-left: 15px;
    padding-right: 15px;
    margin-top: 30px
}

.phoneAuthentication {
    width: 100%;
    font-size: 14px;
    color: #333;
    line-height: 14px;
    text-align: left;
    overflow: hidden
}

.redAuthentication {
    line-height: 14px;
    float: right;
    color: #FF6766;
    font-size: 36px
}

.redAuthentication:before {
    content: '\e84d'
}

.disEllipsis {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.journey-order-exclamatory {
    font-size: 16px;
    left: 101px;
    top: 4px
}

.journey-order-insurance-tips {
    left: 187px;
    top: 366px
}